jquery中的過(guò)濾操作詳細(xì)解析
1.過(guò)濾 Filtering
名稱 | 說(shuō)明 | 舉例 |
eq( index ) | 獲取第N個(gè)元素 | 獲取匹配的第二個(gè)元素: $("p").eq(1) |
filter( expr ) |
篩選出與指定表達(dá)式匹配的元素集合。 |
保留帶有select類的元素: $("p").filter(".selected") |
filter( fn ) |
篩選出與指定函數(shù)返回值匹配的元素集合 這個(gè)函數(shù)內(nèi)部將對(duì)每個(gè)對(duì)象計(jì)算一次 (正如 '$.each'). 如果調(diào)用的函數(shù)返回false則這個(gè)元素被刪除,否則就會(huì)保留。 |
保留子元素中不含有ol的元素: $("div").filter(function(index) { |
is( expr ) 注意: 這個(gè)函數(shù)返回的不是jQuery包裝集而是Boolean值 |
用一個(gè)表達(dá)式來(lái)檢查當(dāng)前選擇的元素集合,如果其中至少有一個(gè)元素符合這個(gè)給定的表達(dá)式就返回true。 如果沒(méi)有元素符合,或者表達(dá)式無(wú)效,都返回'false'. 'filter' 內(nèi)部實(shí)際也是在調(diào)用這個(gè)函數(shù),所以,filter()函數(shù)原有的規(guī)則在這里也適用。 |
由于input元素的父元素是一個(gè)表單元素,所以返回true: $("input[type='checkbox']").parent().is("form") |
map( callback ) |
將一組元素轉(zhuǎn)換成其他數(shù)組(不論是否是元素?cái)?shù)組) 你可以用這個(gè)函數(shù)來(lái)建立一個(gè)列表,不論是值、屬性還是CSS樣式,或者其他特別形式。這都可以用'$.map()'來(lái)方便的建立 |
把form中的每個(gè)input元素的值建立一個(gè)列表: $("p").append( $("input").map(function(){ |
not( expr ) | 刪除與指定表達(dá)式匹配的元素 | 從p元素中刪除帶有 select 的ID的元素: $("p").not( $("#selected")[0] ) |
slice( start, end ) |
選取一個(gè)匹配的子集 | 選擇第一個(gè)p元素: $("p").slice(0, 1); |
相關(guān)文章
實(shí)例講解jQuery EasyUI tree中state屬性慎用
本文通過(guò)實(shí)例代碼給大家介紹jQuery EasyUI tree中state屬性慎用,切忌把state設(shè)置為closed,否則該節(jié)點(diǎn)會(huì)加載整個(gè)tree,形成死循環(huán)2016-04-04jQuery的cookie插件實(shí)現(xiàn)保存用戶登陸信息
保存用戶登陸信息的方法有很多,本文為大家介紹的這個(gè)方法是通過(guò)cookie插件來(lái)實(shí)現(xiàn),需要的朋友可以參考下2014-04-04淺談jquery.form.js的ajaxSubmit和ajaxForm的使用
下面小編就為大家?guī)?lái)一篇淺談jquery.form.js的ajaxSubmit和ajaxForm的使用。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09JQuery操作Select的Options的Bug(IE8兼容性視圖模式)
JQuery在IE8兼容性視圖模式下操作Select的Options的Bug在本文進(jìn)行重現(xiàn)并給出詳細(xì)的解決方法,感興趣的朋友可以參考下哈,希望對(duì)你有所幫助2013-04-04jquery 最簡(jiǎn)單易用的表單驗(yàn)證插件
jquery 最簡(jiǎn)單易用的表單驗(yàn)證插件,不論是從應(yīng)用還是學(xué)習(xí)插件的寫法都是值得一看的。2010-02-02jquery實(shí)現(xiàn)走馬燈特效實(shí)例(撲克牌切換效果)
本文主要介紹了jquery實(shí)現(xiàn)走馬燈特效實(shí)例(撲克牌切換效果),文中通過(guò)示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-02-02基于daterangepicker日歷插件使用參數(shù)注意的問(wèn)題
下面小編就為大家?guī)?lái)一篇基于daterangepicker日歷插件使用參數(shù)注意的問(wèn)題。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08