jquery中的過(guò)濾操作詳細(xì)解析
1.過(guò)濾 Filtering
| 名稱(chēng) | 說(shuō)明 | 舉例 |
| eq( index ) | 獲取第N個(gè)元素 | 獲取匹配的第二個(gè)元素: $("p").eq(1) |
| filter( expr ) |
篩選出與指定表達(dá)式匹配的元素集合。 |
保留帶有select類(lèi)的元素: $("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)文章
用JQuery 實(shí)現(xiàn)AJAX加載XML并解析的腳本
用JQuery 實(shí)現(xiàn)AJAX加載XML并解析的腳本2009-07-07
這里主要是jQuery美化部分的實(shí)例，美化對(duì)象為文本框、密碼框、文本域、Select下拉框、按鈕等，有了這些示例，美化其它的表單元素應(yīng)該不是大問(wèn)題。2015-04-04
這篇文章主要為大家詳細(xì)介紹了jquery+html仿翻頁(yè)相冊(cè)功能，前端實(shí)現(xiàn)的相冊(cè)模仿功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
這篇文章主要介紹了jQuery Select下拉框操作小結(jié)(推薦)的相關(guān)資料,非常實(shí)用，在前端開(kāi)發(fā)經(jīng)?？梢杂玫剑枰呐笥芽梢詤⒖枷?/div> 2016-07-07
jquery獲取select,option所有的value和text的實(shí)例
下面小編就為大家?guī)?lái)一篇jquery獲取select,option所有的value和text的實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-03-03
jquery tree 可編輯節(jié)點(diǎn)實(shí)現(xiàn)代碼(jquery一句話節(jié)點(diǎn)菜單)
jquery tree 可編輯節(jié)點(diǎn)，實(shí)現(xiàn)的三級(jí)菜單實(shí)現(xiàn)代碼，這里我們將為大家準(zhǔn)備了兩個(gè)。一個(gè)是鋒利的jquery中的一句話導(dǎo)航菜單實(shí)現(xiàn)代碼。非常不錯(cuò)。2009-11-11
這篇文章主要介紹了jquery通過(guò)索引值操作html元素的代碼,需要的朋友可以參考下2023-05-05
文章給大家匯總整理了JavaScript以及jQuery獲取元素高寬和位置等信息的方法，非常的全面，小伙伴們可以記錄下以便查看2017-02-02
jQuery頁(yè)面滾動(dòng)浮動(dòng)層智能定位實(shí)例代碼
jQuery頁(yè)面滾動(dòng)浮動(dòng)層智能定位實(shí)例代碼，需要的朋友可以參考下。2011-08-08
checkbox想必大家對(duì)這個(gè)控件并不陌生吧，畢竟在網(wǎng)頁(yè)制作過(guò)程中經(jīng)常會(huì)使用到，下面與大家分享個(gè)示例主要介紹checkbox的使用，感興趣的朋友可以參考下2013-08-08最新評(píng)論