jQuery版本有很多，分為1.x 2.x 3.x

1.x版本：能夠兼容IE678瀏覽器

2.x版本：不兼容IE678瀏覽器

1.x和2.x版本jquery都不再更新版本了，現(xiàn)在只更新3.x版本。

3.x版本：不兼容IE678，更加的精簡（在國內(nèi)不流行，因?yàn)閲鴥?nèi)使用jQuery的主要目的就是

兼容IE678） 國內(nèi)多數(shù)網(wǎng)站還在使用1.x

jQuery有兩個(gè)版本：

生成環(huán)境使用的和開發(fā)測試環(huán)境使用的。

Production version - 用于實(shí)際的網(wǎng)站中，已被精簡和壓縮。沒有空格和換行

Development version - 用于測試和開發(fā)（未壓縮，是可讀的代碼）

jQuery的使用：

jQuery 庫是一個(gè) JavaScript 文件，我們可以直接在 HTML頁面中通過script 標(biāo)簽引用

它，跟引用自己的 外部JavaScript腳本文件一樣的語法。

說明：美元符號定義 jQuery

選擇符（selector）“查詢"和"查找” HTML 元素

jQuery 的 action() 執(zhí)行對元素的操作

文檔就緒事件，實(shí)際就是文件加載事件。

這是為了防止文檔在完全加載（就緒）之前運(yùn)行 jQuery 代碼，即在 DOM 加載完成后才可以

對 DOM 進(jìn)行操作。

如果在文檔沒有完全加載之前就運(yùn)行函數(shù)，操作可能失敗。

所以我們盡可能將所有的操作都在文檔加載完畢之后實(shí)現(xiàn)。

寫法1：

$(document).ready(function(){

// 開始寫 jQuery 代碼...

});

寫法2：

簡介寫法-推薦

$(function(){

// 開始寫 jQuery 代碼...

});

jQuery的ready方法與JavaScript中的onload相似，但是也有區(qū)別：

jQuery 元素選擇器基于元素/標(biāo)簽名選取元素。

$(標(biāo)簽名稱)

jQuery #id 選擇器通過 HTML 元素的 id 屬性選取指定的元素。

頁面中元素的 id 應(yīng)該是唯一的，所以在頁面中選取唯一的元素需要通過 #id 選擇器。

通過 id 選取元素語法如下：

$(“#p1”)

jQuery 類選擇器可以通過指定的 class 查找元素。

$(“.mydiv”)

全局選擇器

匹配所有元素

$(“*”)

將每一個(gè)選擇器匹配到的元素合并后一起返回。

$(“div,ul,li,.mydiv”)

在給定的祖先元素下匹配所有的后代元素

$(“form input”)

在給定的父元素下匹配所有的子元素

$(“form > input”)

匹配所有緊接在 prev 元素后的 next 元素

$(“l(fā)abel + input”)

匹配 prev 元素之后的所有 siblings 元素

$(“form ~ input”)

匹配包含給定屬性的元素

自我介紹一下，小編13年上海交大畢業(yè)，曾經(jīng)在小公司待過，也去過華為、OPPO等大廠，18年進(jìn)入阿里一直到現(xiàn)在。

深知大多數(shù)前端工程師，想要提升技能，往往是自己摸索成長或者是報(bào)班學(xué)習(xí)，但對于培訓(xùn)機(jī)構(gòu)動則幾千的學(xué)費(fèi)，著實(shí)壓力不小。自己不成體系的自學(xué)效果低效又漫長，而且極易碰到天花板技術(shù)停滯不前！

因此收集整理了一份《2024年Web前端開發(fā)全套學(xué)習(xí)資料》，初衷也很簡單，就是希望能夠幫助到想自學(xué)提升又不知道該從何學(xué)起的朋友，同時(shí)減輕大家的負(fù)擔(dān)。

既有適合小白學(xué)習(xí)的零基礎(chǔ)資料，也有適合3年以上經(jīng)驗(yàn)的小伙伴深入學(xué)習(xí)提升的進(jìn)階課程，基本涵蓋了95%以上前端開發(fā)知識點(diǎn)，真正體系化！

由于文件比較大，這里只是將部分目錄截圖出來，每個(gè)節(jié)點(diǎn)里面都包含大廠面經(jīng)、學(xué)習(xí)筆記、源碼講義、實(shí)戰(zhàn)項(xiàng)目、講解視頻，并且會持續(xù)更新！

如果你覺得這些內(nèi)容對你有幫助，可以掃碼獲取！！（備注：前端）