這篇“jQuery零基礎(chǔ)入門(mén)知識(shí)點(diǎn)有哪些”文章的知識(shí)點(diǎn)大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價(jià)值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來(lái)看看這篇“jQuery零基礎(chǔ)入門(mén)知識(shí)點(diǎn)有哪些”文章吧。

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來(lái)自于我們對(duì)這個(gè)行業(yè)的熱愛(ài)。我們立志把好的技術(shù)通過(guò)有效、簡(jiǎn)單的方式提供給客戶，將通過(guò)不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長(zhǎng)期合作伙伴，公司提供的服務(wù)項(xiàng)目有：域名注冊(cè)、虛擬空間、營(yíng)銷軟件、網(wǎng)站建設(shè)、和平網(wǎng)站維護(hù)、網(wǎng)站推廣。

jQuery = JavaScript + Query，是輔助JavaScript開(kāi)發(fā)的類庫(kù)，它的核心思想是寫(xiě)的更少，做的更多，注意：使用jQuery一定要先通過(guò)script標(biāo)簽的src屬性引入jQuery庫(kù)

傳入的參數(shù)為函數(shù)時(shí)，在HTML文檔加載完成之后自動(dòng)的執(zhí)行這個(gè)函數(shù)

傳入的參數(shù)為HTML語(yǔ)言時(shí)，創(chuàng)建標(biāo)簽對(duì)象（jQuery對(duì)象）

傳入的參數(shù)為選擇器字符串時(shí)：

$（“#屬性值”）：id選擇器，根據(jù)id查詢標(biāo)簽對(duì)象（jQuery對(duì)象）$（“標(biāo)簽名”）：標(biāo)簽名選擇器，根據(jù)指定的標(biāo)簽名查詢標(biāo)簽對(duì)象（jQuery對(duì)象）$（“。屬性值”）：類選擇器，根據(jù)class屬性值查詢標(biāo)簽對(duì)象（jQuery對(duì)象）

傳入的參數(shù)為DOM對(duì)象時(shí)，會(huì)把這個(gè)DOM對(duì)象轉(zhuǎn)換為jQuery對(duì)象

通過(guò)getElement（s）Byxxx或createElement（）得到的標(biāo)簽對(duì)象是DOM對(duì)象DOM對(duì)象Alert出的效果是：[object HTML標(biāo)簽名 Element]

通過(guò)$函數(shù)創(chuàng)建的對(duì)象是jQuery對(duì)象，如二（2）： 通過(guò)jQuery包裝的DOM對(duì)象是jQuery對(duì)象，如二（4）通過(guò)$函數(shù)查詢到的對(duì)象也是jQuery對(duì)象，如二（3）jQuery對(duì)象Alert出的效果是：[object Object]

jQuery對(duì)象是DOM對(duì)象的數(shù)組 + jQuery提供的一系列功能函數(shù)

DOM對(duì)象轉(zhuǎn)換為jQuery對(duì)象：

先有DOM對(duì)象$（DOM對(duì)象）就可轉(zhuǎn)換為jQuery對(duì)象

jQuery對(duì)象轉(zhuǎn)換為DOM對(duì)象：

先有jQuery對(duì)象jQuery對(duì)象[下標(biāo)]即可取出對(duì)應(yīng)的DOM對(duì)象

3.

jQuery對(duì)象。click（ function（）{} ）；添加點(diǎn)擊響應(yīng)函數(shù)jQuery對(duì)象。css（“background-color”，“xxx”）；可設(shè)置背景顏色jQuery對(duì)象。val（）；可以獲取、賦值表單項(xiàng)的value屬性jQuery對(duì)象。each（function（）{}）；遍歷DOM對(duì)象數(shù)組的方法，function中寫(xiě)每次遍歷到的對(duì)象要執(zhí)行的方法，function中使用this代表當(dāng)前遍歷到的DOM對(duì)象

代碼示例：

詳細(xì)可參考jQuery文檔，文檔獲取方式在文章末尾

#id ：根據(jù)id查找標(biāo)簽對(duì)象element ：根據(jù)標(biāo)簽名查找標(biāo)簽對(duì)象。class ：根據(jù)class查找標(biāo)簽對(duì)象*：查找所有元素的標(biāo)簽對(duì)象selector1，selector2…selectorN ：合并選擇器1，選擇器2…選擇器N的標(biāo)簽對(duì)象并返回

ancestor descendant ：在給定的祖先元素下匹配所有的后代元素parent > child ：在給定的父元素下匹配所有的子元素prev + next ：在同級(jí)的情況下匹配所有緊接在prev元素后的next元素prev —— siblings ：在同級(jí)的情況下匹配prev元素之后的所有siblings元素

注意：標(biāo)簽名前置，即冒號(hào)之前為標(biāo)簽名

：first ：獲取匹配的第一個(gè)元素：last ：獲取匹配的最后一個(gè)元素：not（selector） ：去除所有與給定選擇器匹配的元素：even ：匹配所有索引值為偶數(shù)的元素，從0開(kāi)始計(jì)數(shù)：odd ：匹配所有索引值為奇數(shù)的元素，從0開(kāi)始計(jì)數(shù)：eq（index） ：匹配一個(gè)給定索引值的元素（索引從0開(kāi)始計(jì)數(shù)）：gt（index） ：匹配所有大于給定索引值的元素（索引從0開(kāi)始計(jì)數(shù)）：lt（index） ：匹配所有小于給定索引值的元素（索引從0開(kāi)始計(jì)數(shù)）：header ：匹配如h2、h3、h4之類的標(biāo)題元素：animated ：匹配所有正在執(zhí)行動(dòng)畫(huà)效果的元素

注意：標(biāo)簽名前置，即冒號(hào)之前為標(biāo)簽名

：contains（text） ：匹配包含給定文本的元素：has（selector） ：匹配含有選擇器所匹配的的元素的元素：empty ：匹配所有不包含子元素或文本的空元素：parent ：匹配含有子元素或文本的元素

5.屬性過(guò)濾選擇器

注意：標(biāo)簽名前置，即中括號(hào)之前為標(biāo)簽名

：匹配包含給定屬性的元素 ：匹配給定的屬性是某個(gè)特定值的元素 ：匹配所有不含有指定的屬性或?qū)傩圆坏扔谔囟ㄖ档脑兀浩ヅ浣o定的屬性是以某些值開(kāi)始的元素 ：匹配給定的屬性是以某些值結(jié)尾的元素 ：匹配給定的屬性是以包含某些值的元素 ：復(fù)合屬性選擇器，需要滿足多個(gè)條件時(shí)使用

注意：標(biāo)簽名前置，即冒號(hào)之前為標(biāo)簽名

：input ：匹配所有input標(biāo)簽元素，不論type為哪種類型：text \ :password \ :radio \ :checkbox \ :submit \ :image \ :reset \ :button \ :file \ :hidden ：匹配所有input標(biāo)簽中type為指定類型的元素：enabled ：匹配所有可用元素（disabled屬性設(shè)置為disabled為不可用：無(wú)法填入內(nèi)容或選中）：disabled ：匹配所有不可用元素：checked ：匹配所有被選中的元素（復(fù)選框、單選框等，不包括select中的option）：selected ：匹配所有選中的option元素

詳細(xì)可參考jQuery文檔，文檔獲取方式在文章末尾

last（）：獲取最后一個(gè)元素（功能跟：last一樣）first（）：獲取第一個(gè)元素（功能跟：first一樣）eq（）：獲取給定索引的元素（功能跟：eq（）一樣）filter（exp）：留下匹配的元素is（exp）：判斷是否匹配給定的選擇器，只要有一個(gè)匹配就返回truehas（exp）：返回包含有匹配選擇器的元素的元素（功能跟：has一樣）not（exp）：刪除匹配選擇器的元素（功能跟：not一樣）children（exp）：返回匹配給定選擇器的子元素（功能跟parent>child一樣）find（exp）：返回匹配給定選擇器的后代元素（功能跟ancestordescendant-樣）next（）：返回當(dāng)前元素的下一個(gè)兄弟元素（功能跟prev + next功能一樣）nextAll（）：返回當(dāng)前元素后面所有的兄弟元素（功能跟prev—— siblings 功能一樣）nextUntil（）：返回當(dāng)前元素到指定匹配的元素為止的后面元素parent（）：返回父元素prev（exp）：返回當(dāng)前元素的上一個(gè)兄弟元素prevAll（）：返回當(dāng)前元素前面所有的兄弟元素prevUnit（exp）：返回當(dāng)前元素到指定匹配的元素為止的前面元素siplings（exp）：返回所有兄弟元素add（）：把a(bǔ)dd 匹配的選擇器的元素添加咧當(dāng)前jquery 對(duì)象中

不傳參數(shù)是獲取，傳遞參數(shù)是設(shè)置

html（）方法：可以設(shè)置和獲取起始標(biāo)簽和結(jié)束標(biāo)簽中的內(nèi)容（包括兩邊的標(biāo)簽）text（）方法：可以設(shè)置和獲取起始標(biāo)簽和結(jié)束標(biāo)簽中的文本（不包括兩邊的標(biāo)簽）val（）方法：可以設(shè)置和獲取表單項(xiàng)的value屬性值

代碼示例：val（）方法可同時(shí)設(shè)置多個(gè)表單項(xiàng)的選中狀態(tài)

attr（）方法：可以設(shè)置和獲取屬性的值，不推薦操作checked、selected、disabled、readOnly，還可以操作自定義屬性。prop（）方法：可以設(shè)置和獲取屬性的值，只推薦操作checked、selected、disabled、readOnly

代碼示例：

代碼示例：全選、全不選、反選

appendTo（）：a.appendTo（b） 把a(bǔ)插入到所有b子元素的末尾，成為最后一個(gè)子元素prependTo（）：a.prependTo（b） 把a(bǔ)插入到所有b子元素的前面，成為第一個(gè)子元素

insertAfter（）：a.insertAfter（b） 同級(jí)的情況下得到bainsertBefore（）：a.insertBefore（b） 同級(jí)的情況下得到ab

replaceWith（）：a.replaceWith（b） 用一個(gè)b替換掉所有areplaceAll（）：a.replaceAll（b） 用a替換掉所有b（有幾個(gè)b就替換幾次）

remove（）：a.remove（） 刪除a標(biāo)簽及其所有內(nèi)容（包括文字或子標(biāo)簽等）empty（）：a.empty（） 清空a標(biāo)簽的內(nèi)容（包括文字或子標(biāo)簽等），標(biāo)簽留下

代碼示例：兩個(gè)復(fù)選框的內(nèi)容從左到右、從右到左的練習(xí)

動(dòng)態(tài)添加、刪除表格記錄

addClass（）：添加樣式

removeClass（）：刪除樣式

toggleClass（）：有則刪除，無(wú)則添加樣式

offset（）：獲取和設(shè)置元素的坐標(biāo)，設(shè)置時(shí)必須有兩個(gè)屬性top和left

設(shè)置時(shí)的格式：jQuery對(duì)象。offset（{top:值，left:值}）；

以下動(dòng)畫(huà)方法都可以添加參數(shù)：

第一個(gè)參數(shù)是動(dòng)畫(huà)執(zhí)行的時(shí)長(zhǎng)，以毫秒為單位

第二個(gè)參數(shù)是回調(diào)函數(shù)：function（）{}，即動(dòng)畫(huà)完成之后自動(dòng)執(zhí)行的函數(shù)

基本動(dòng)畫(huà)：

show（）：將隱藏的元素顯示

hide（）：將顯示的元素隱藏

toggle（）：顯示則隱藏，隱藏則顯示

淡入淡出動(dòng)畫(huà)：

fadeIn：淡入fadeOut（）：淡出fadeToggle（）：淡入/淡出切換fadeTo（）：在指定時(shí)長(zhǎng)內(nèi)將透明度修改到指定的值，0代表透明，1代表可見(jiàn)，0.5代表半透明

第一個(gè)參數(shù)指定時(shí)長(zhǎng)（ms），第二個(gè)參數(shù)設(shè)置透明度，第三個(gè)參數(shù)設(shè)置回調(diào)函數(shù)

觸發(fā)時(shí)間：

jQuery是瀏覽器的內(nèi)核解析完頁(yè)面的標(biāo)簽（如body中的標(biāo)簽），創(chuàng)建好DOM對(duì)象之后就會(huì)立馬執(zhí)行，此時(shí)頁(yè)面上沒(méi)有任何內(nèi)容JS是瀏覽器的內(nèi)核解析完標(biāo)簽創(chuàng)建好DOM對(duì)象之后等標(biāo)簽顯示時(shí)的內(nèi)容（如圖片，網(wǎng)頁(yè)等）加載完成之后執(zhí)行，此時(shí)頁(yè)面上已經(jīng)有body中的內(nèi)容 觸發(fā)順序：jQuery先、JS后各有多個(gè)時(shí)執(zhí)行的次數(shù)：

jQuery所有function函數(shù)都會(huì)按照順序執(zhí)行JS只會(huì)執(zhí)行最后一個(gè)function函數(shù)

click（）：可以綁定單擊事件（參數(shù)中傳function（）{}），可以觸發(fā)單擊事件（參數(shù)中無(wú)function）mouseover（）：鼠標(biāo)移入事件mouseout（）：鼠標(biāo)移出事件bind（）：可以給元素一次性綁定一個(gè)或多個(gè)事件，第一個(gè)參數(shù)加雙引號(hào)，其中放空格隔開(kāi)的多個(gè)事件，第二個(gè)參數(shù)是function（）{}，即事件響應(yīng)后的代碼one（）：用法與bind一致，但是one方法綁定的事件只會(huì)響應(yīng)一次unbind（）：與bind方法相反的操作，解除事件的綁定live（）：用來(lái)綁定事件，即使這個(gè)元素先前并未綁定，而是后面動(dòng)態(tài)創(chuàng)建出來(lái)的也自動(dòng)綁定

事件的冒泡是指父子元素綁定同一個(gè)事件時(shí)，當(dāng)觸發(fā)子元素的事件時(shí)，父元素的同一個(gè)事件也隨之自動(dòng)的響應(yīng)，如：

阻止事件的冒泡發(fā)生：在子元素的事件函數(shù)體內(nèi)return false;

事件對(duì)象：包含觸發(fā)的事件的所有信息的一個(gè)對(duì)象獲取事件對(duì)象的方式：在給元素綁定事件時(shí)函數(shù)格式為function（event）{}，參數(shù)中的名字可任意，一般取名為event，這個(gè)event就是事件對(duì)象

以上就是關(guān)于“jQuery零基礎(chǔ)入門(mén)知識(shí)點(diǎn)有哪些”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對(duì)大家有幫助，若想了解更多相關(guān)的知識(shí)內(nèi)容，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)頁(yè)標(biāo)題：jQuery零基礎(chǔ)入門(mén)知識(shí)點(diǎn)有哪些
轉(zhuǎn)載源于：http://aaarwkj.com/article18/pegpdp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供域名注冊(cè)、建站公司、營(yíng)銷型網(wǎng)站建設(shè)、企業(yè)建站、網(wǎng)站營(yíng)銷、標(biāo)簽優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)