欧美三区_成人在线免费观看视频_欧美极品少妇xxxxⅹ免费视频_a级毛片免费播放_鲁一鲁中文字幕久久_亚洲一级特黄

十四、過濾函數(shù)-篩選對象集合

系統(tǒng) 1860 0

頁面上經(jīng)常會創(chuàng)建DOM元素、刪除DOM元素。因為jQuery對象是以集合的形式存在的,所以還要執(zhí)行將DOM對象添加到jQuery對象集合、從jQuery對象集合中刪除等操作。jQuery官網(wǎng)將管理jQuery對象集合的函數(shù)放在了"Traversing"分類中。Traversing分類下主要包括三個子類:Filtering,Finding,Chaining分別是過濾,查找,鏈式操作。

?

過濾函數(shù)的作用是:在已經(jīng)選定的集合中,將匹配過濾函數(shù)的元素保留,將不符合的去除。列表如下:

?

名稱

說明

舉例

eq(index)

返回集合中指定索引 index 的元素,從 0 開始計算

$(“p”).eq(1)

獲取匹配的第二個元素

filter(expr)

篩選出與指定表達式匹配的元素集合

$(“p”).filter(“.selected”)

保留帶有 selected 類的元素

filter(fn)

篩選出與指定函數(shù)返回值匹配的元素集合,這個函數(shù)內部將對每個對象計算一次(正如 ’$.each’ )。如果調用的函數(shù)返回 false 則這個元素被刪除,否則就會被保留

$(“div”).filter(function(index){return $(“ol”,this).size()=0;});

保留子元素中不含有 ol 的元素

is(expr)

注意:這個函數(shù)返回的不是 jQuery 包裝集而是 Boolean

用一個表達式檢查當前選擇的元素集合,如果 其中至少有一個元素符合這個給定的表達式就返回 true 。如果沒有元素符合,或者表達式無效,則返回 false filter 內部實際也是在調用這個函數(shù),所以, filter() 函數(shù)原有的規(guī)則在這里也適用。

$(“input[type=’checkbox’]”).parent().is(“form”)

由于 input 元素的父元素是一個表單元素,所以返回 true

map(callback)

將一組元素轉換成其他數(shù)組(不論是否是數(shù)組元素)可以用這個函數(shù)建立一個列表,不論是值、屬性還是 css 樣式,或者其他特別形式,都可以用 ”$.map()” 來方便的建立

$(“p”).append($(“input”).map(function(){

return $(this).val();

}).get().join(“,”));

form 中的每個 input 元素的值簡歷一個列表

not(expr)

刪除與指定表達式匹配的元素

$(“p”).not($(“#selected”)[0])

P 元素中刪除帶有 select ID 元素

slice()

選取一個匹配的子集

$(“p”).slice(0,1);

選擇第一個 P 元素

?

過濾函數(shù)要點

1.eq()函數(shù)

如果index超出了集合則返回一個空集合,而不會返回null。

2.filter()函數(shù)與find()函數(shù)

filter()函數(shù)支持選擇器表達式和fn()函數(shù)兩種類型的參數(shù),是最常使用的過濾函數(shù)。但是初學者常常分不清filter()函數(shù)和后面即將講到的find()函數(shù)。jQuery后臺選擇器時已經(jīng)在內部使用過find()函數(shù):

jQuery("div .className");等同于jQuery("div").find(".className");

使用filter()和find()都要首先使用選擇器獲得一個jQuery對象集合。

filter()函數(shù)是作用在集合的每一個對象上,即在"jQuery("div")"選取的集合上過濾,將匹配表達式或者函數(shù)的對象保留。

find()函數(shù)是在每一個對象內部查找匹配表達式的子元素,即作用在"jQuery("div")"集合的每個子元素上。

3.is()函數(shù)

返回的是true或者false。只要jQuery對象集合中有一個元素滿足表達式的條件就返回true。比如:$("div").is(".testClass");只要有一個div應用了testClass的樣式就返回true。

4.map()函數(shù)

map()函數(shù)會改變jQuery對象集合,比如:

$("div").map(function(){return this.innerHtml;})

5.slice()函數(shù)

slice()函數(shù)的行為與javascript數(shù)組的slice()函數(shù)相同。即參數(shù)start表示其元素的索引,從0開始。end參數(shù)不傳入則表示選取從start以后所有的元素。

十四、過濾函數(shù)-篩選對象集合


更多文章、技術交流、商務合作、聯(lián)系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯(lián)系: 360901061

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對您有幫助就好】

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長會非常 感謝您的哦!!!

發(fā)表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 国产女人一区二区 | 日韩欧美一区二区在线观看 | 亚洲欧洲精品成人久久奇米网 | 中文字幕国产日韩 | 日日摸日日添夜夜爽97 | 99精品热| 久久精品黄色 | 欧美日韩国产精品 | 欧美日韩在线一区二区三区 | 欧美视频a | 欧美交换乱理伦片120秒 | 天天鲁天天爽天天视频 | 五月天综合网 | 亚洲免费a | 日韩美女一区二区三区在线观看 | 男女午夜性爽快免费视频不卡 | 中文字幕 国产 | 日日夜夜精品免费视频 | 久久久无码精品一区二区三区 | 综合色久| 成人黄色片网站 | 天天看天天干 | 成人性生交A片免费看麻豆 色倩网站 | 欧美三级在线 | 欧美日韩性猛交xxxxx免费看 | 日韩在线视频在线观看 | 婷婷人人爽人人做人人添 | 久久久久久久久成人 | 久久国产视频网 | 亚洲人成网站在线播放观看 | 国产精品亚洲精品不卡 | 国产精品美女久久久久久久久久久 | 成人激情综合网 | 亚洲嗯啊 | 日韩另类 | 日本高清视频在线三级 | 五月激情六月 | 国产++欧洲韩国野花视频 | 国产福利网| 久久一区二区三区99 | 国产午夜精品理论片免费观看 |