jQuery 對(duì)象中的類數(shù)組操作
看看我們的jQuery為我們都提供了哪些可用的方法:
size():很明顯,它應(yīng)該是返回包裝集中的元素個(gè)數(shù),如$('a').size()表示鏈接元素的個(gè)數(shù);
get(index):當(dāng)沒指定index時(shí)就默認(rèn)取包裝集中所有元素,并以js中的數(shù)組形式返回,如果指定了index,則返回下標(biāo)為index對(duì)應(yīng)的元素,如$('img[title]').get(0)返回包含屬性title的第一個(gè)img元素,其也等效于$('img[title]')[0];
index(elem):在包裝集中返回元素elem所在的下標(biāo),如果沒找到該元素則返回-1;
add(String|elem|Array):把參數(shù)中的元素添加到包裝集中,如果參數(shù)是jQuery選擇器,那么將把所有匹配的對(duì)象都添加到集合中,如果是html元素那就通過(guò)clean方法得到的元素?cái)?shù)組添加到集合中,如果是dom元素或dom元素?cái)?shù)組,那就直接添加到集合了;注意返回的是添加后的包裝集;如$('img[alt]','img[title]')等效于$('img[alt]').add('img[title]')即返回包含了alt屬性的img元素或包含了title屬性的img元素;
not(String|elem|Array):把包裝集中滿足參數(shù)條件的元素刪除,注意參數(shù)只能是篩選表達(dá)式,即以"["或者":"開頭的表達(dá)式,如$('img[title]').not('title*=puy')即返回包含title屬性的img元素,并且這些元素的title屬性中包含有puy文本;返回的是篩選之后的包裝集;
filter(String|function):如果傳入的參數(shù)是String類型的話,那么該表達(dá)式必須也是篩選表達(dá)式,用于從包裝集里刪除所有與選擇器不匹配的元素;如果傳入的是一個(gè)函數(shù)的話,那么包裝集中的每個(gè)元素都調(diào)用這個(gè)函數(shù),若這個(gè)函數(shù)返回false則把這個(gè)元素從包裝集中刪除,而在函數(shù)中可以通過(guò)this關(guān)鍵字來(lái)調(diào)用當(dāng)時(shí)包裝集中調(diào)用方法的元素;如$('td').filter(function(){return this.innerHTML.match(/^"d+$/)})返回td中的內(nèi)容為數(shù)字的所有td元素;
slice(begin,end):創(chuàng)建并返回新的包裝集,該包裝集是原來(lái)包裝集的連續(xù)的一部分,且新包裝集的第一個(gè)元素是原包裝集中的begin位置的元素,而最后一個(gè)元素是end位置元素的前一元素,當(dāng)然end可以不指定,那么將延伸到原始包裝集的末尾;如$('*').slice(2,3)這個(gè)語(yǔ)句選擇頁(yè)面上的所有元素,然后生存包含原始包裝集的第三個(gè)元素的新包裝集,注意這個(gè)$('*').get(2)不同,這個(gè)返回的是元素,而slice方法返回的是包裝集,從而擁有包裝集的操作;
childen():返回原始包裝集元素的所有不同子元素所組成的新包裝集(不包含文本節(jié)點(diǎn)),如$('div').children()返回所有div元素下的子元素所組成的新包裝集;如果指定了參數(shù),那么該參數(shù)也是篩選表達(dá)式;
contents():返回原始包裝集元素的內(nèi)容新包裝集(可以包含文本節(jié)點(diǎn));注意此方法不能接受參數(shù)進(jìn)行過(guò)濾;
next():返回原始包裝集元素的所有唯一的下一個(gè)兄弟元素所組成的新包裝集;如果指定了參數(shù),那么該參數(shù)也是篩選表達(dá)式;如$('div#someDiv').next()返回包含id為someDiv的div元素的下一個(gè)兄弟元素的包裝集;如果指定了參數(shù),那么該參數(shù)也是篩選表達(dá)式;
nextAll():返回包含原始包裝集元素的所有后續(xù)兄弟的新包裝集;如$('div#someDiv').nextAll()返回包含id為someDiv的div元素的后面兄弟元素的新包裝集;如果指定了參數(shù),那么該參數(shù)也是篩選表達(dá)式;
parent():返回原始包裝集所有元素的唯一直接父元素的新包裝集;如果指定了參數(shù),那么該參數(shù)也是篩選表達(dá)式;
parents():返回原始包裝集所有元素的祖先元素的新包裝集;如果指定了參數(shù),那么該參數(shù)也是篩選表達(dá)式;
prev():返回原始包裝集元素的所有唯一的上一個(gè)兄弟元素組成的新包裝集;如果指定了參數(shù),那么該參數(shù)也是篩選表達(dá)式;
prevAll():返回包含原始包裝集元素的所有前面兄弟元素的新包裝集;如果指定了參數(shù),那么該參數(shù)也是篩選表達(dá)式;
siblings():返回包含原始包裝集元素中的所有唯一兄弟元素所組成的新包裝集;如果指定了參數(shù),那么該參數(shù)也是篩選表達(dá)式;
find(String):返回包含原始包裝集里與傳入的選擇器表達(dá)式相匹配的所有元素的新包裝集,并且原始包裝集中的元素的后代也會(huì)被傳入新的包裝集;
contains(text):返回包含text參數(shù)所傳入的文本字符串的元素所組成的新包裝集;
is(String):如果包裝集中含有String匹配的元素,那么返回true,否則返回false;
clone(copyHandle):如果傳入的參數(shù)為true,那么會(huì)連帶事件一起拷貝,否則不拷貝事件,形成一個(gè)新的包裝集;
end():在jQuery命令鏈內(nèi)調(diào)用,以便返回退到前一個(gè)包裝集;
andSelf():合并命令鏈內(nèi)最近產(chǎn)生的兩個(gè)包裝集;
對(duì)于包裝元素的操作就總結(jié)到這里,如果哪里不對(duì)的還請(qǐng)各位指出來(lái)方便大家參考學(xué)習(xí)。
- JavaScript jQuery 中定義數(shù)組與操作及jquery數(shù)組操作
- jquery操作對(duì)象數(shù)組元素方法詳解
- Jquery操作js數(shù)組及對(duì)象示例代碼
- Jquery 數(shù)組操作大全個(gè)人總結(jié)
- 基于jQuery中對(duì)數(shù)組進(jìn)行操作的方法
- Jquery中對(duì)數(shù)組的操作代碼
- 利用jQuery操作對(duì)象數(shù)組的實(shí)現(xiàn)代碼
- Jquery知識(shí)點(diǎn)二 jquery下對(duì)數(shù)組的操作
- jquery下json數(shù)組的操作實(shí)現(xiàn)代碼
- 淺談jQuery操作類數(shù)組的工具方法
相關(guān)文章
jquery比較簡(jiǎn)潔的軟鍵盤特效實(shí)現(xiàn)方法
這篇文章主要介紹了jquery比較簡(jiǎn)潔的軟鍵盤特效實(shí)現(xiàn)方法,實(shí)例分析了jQuery實(shí)現(xiàn)軟鍵盤特效的具體方法與功能效果,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-03-03jquery實(shí)現(xiàn)tr元素的上下移動(dòng)示例代碼
讓tr元素的上下移動(dòng)的方法有很多,本文為大家介紹下使用jquery是實(shí)現(xiàn)的,感興趣的朋友可以參考下2013-12-12jQuery點(diǎn)擊改變class并toggle及toggleClass()方法定義用法
這篇文章主要介紹了jQuery點(diǎn)擊改變class并toggle及toggleClass()方法定義用法的相關(guān)資料,需要的朋友可以參考下2015-12-12cnblogs中在閃存中屏蔽某人的實(shí)現(xiàn)代碼
cnblogs園子還沒提供這項(xiàng)功能,我們又確實(shí)有這個(gè)需求,只好自己寫一個(gè),需要的朋友可以參考下。2010-11-11jQuery(非HTML5)可編輯表格實(shí)現(xiàn)代碼
單擊單元格選中,選中過(guò)程中使用方向鍵更換選中的單元格,選中過(guò)程中按回車鍵或者直接雙擊單元格進(jìn)入可編輯狀態(tài),單元格失去焦點(diǎn)時(shí)保存修改的內(nèi)容2012-12-12jQuery實(shí)現(xiàn)下拉框選擇圖片功能實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)下拉框選擇圖片功能,可實(shí)現(xiàn)帶圖片的下拉列表功能,涉及jquery插件imageselect.js的使用,需要的朋友可以參考下2015-08-08Jquery異步請(qǐng)求數(shù)據(jù)實(shí)例代碼
Jquery異步請(qǐng)求數(shù)據(jù)實(shí)例代碼,需要的朋友可以參考下。2011-12-12Jquery無(wú)須瀏覽實(shí)現(xiàn)直接下載文件
這篇文章介紹了Jquery無(wú)須瀏覽實(shí)現(xiàn)直接下載文件的方法,文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-05-05