jQuery filter函數(shù)使用方法
更新時(shí)間：2014年05月19日 14:24:13 作者：
利用filter函數(shù)可以從wrapper set中過(guò)濾符合條件的DOM元素，下面是其具體的用法，希望對(duì)大家有所幫助
利用filter函數(shù)可以從wrapper set中過(guò)濾符合條件的DOM元素。
如果我們有一個(gè)內(nèi)容如下的html文件，要獲取類為external的<a>元素，使用filter可以很easy地搞定。
<a href="#" class="external">link</a>
<a href="#" class="external">link</a>
<a href="#">link</a>
<a href="#" class="external">link</a>
<a href="#" class="external">link</a>
<a href="#"></a>
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
filter的參數(shù)類型可分為兩種：
1 傳遞選擇器
2 傳遞過(guò)濾函數(shù)
如果使用選擇器作為參數(shù)，用法如下
$('a').filter('.external')
使用匿名過(guò)濾函數(shù)
$('a').filter(function(index) {
return $(this).hasClass('external');
})
參數(shù)index是結(jié)果集的下標(biāo).
如果我們有一個(gè)內(nèi)容如下的html文件，要獲取類為external的<a>元素，使用filter可以很easy地搞定。
復(fù)制代碼 代碼如下:
<a href="#" class="external">link</a>
<a href="#" class="external">link</a>
<a href="#">link</a>
<a href="#" class="external">link</a>
<a href="#" class="external">link</a>
<a href="#"></a>
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
filter的參數(shù)類型可分為兩種：
1 傳遞選擇器
2 傳遞過(guò)濾函數(shù)
如果使用選擇器作為參數(shù)，用法如下
復(fù)制代碼 代碼如下:
$('a').filter('.external')
使用匿名過(guò)濾函數(shù)
復(fù)制代碼 代碼如下:
$('a').filter(function(index) {
return $(this).hasClass('external');
})
參數(shù)index是結(jié)果集的下標(biāo).
您可能感興趣的文章:
- JQuery遍歷DOM節(jié)點(diǎn)的方法
- jQuery向上遍歷DOM樹(shù)之parents(),parent(),closest()之間的區(qū)別
- jQuery里filter()函數(shù)與find()函數(shù)用法分析
- jquery中filter方法用法實(shí)例分析
- jQuery中filter()方法用法實(shí)例
- jQuery 過(guò)濾not()與filter()實(shí)例代碼
- jQuery中filter(),not(),split()使用方法
- Jquery find與filter函數(shù)區(qū)別 說(shuō)明
- JQuery替換DOM節(jié)點(diǎn)的方法
- JQuery復(fù)制DOM節(jié)點(diǎn)的方法
- JQuery刪除DOM節(jié)點(diǎn)的方法
- JQuery插入DOM節(jié)點(diǎn)的方法
- JQuery創(chuàng)建DOM節(jié)點(diǎn)的方法
- JQuery查找DOM節(jié)點(diǎn)的方法
- jQuery遍歷DOM節(jié)點(diǎn)操作之filter()方法詳解
相關(guān)文章
jQuery表格行上移下移和置頂?shù)膶?shí)現(xiàn)方法
這篇文章主要介紹了jQuery表格行上移下移和置頂?shù)膶?shí)現(xiàn)方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2015-10-10
下面小編就為大家?guī)?lái)一篇easy ui datagrid 從編輯框中獲取值的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02
由于ASP.NET網(wǎng)頁(yè)運(yùn)行后，服務(wù)器控件會(huì)隨機(jī)生成客戶端id，jquery獲取時(shí)候不太好操作，google了下，總結(jié)有以下3種方法.2010-05-05
推薦17個(gè)優(yōu)美新鮮的jQuery的工具提示插件
在web開(kāi)發(fā)當(dāng)中，工具提示條對(duì)于完善web網(wǎng)站的用戶體驗(yàn)至關(guān)重要。title屬性通常是用來(lái)幫助用戶了解顯示鏈接的信息2012-09-09
prop() 方法應(yīng)該用于檢索屬性值，例如 DOM 屬性，如 selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和 defaultSelected，這里腳本之家小編就為大家介紹一下啊2020-01-01
jQuery實(shí)現(xiàn)炫麗的3d旋轉(zhuǎn)星空效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)炫麗的3d旋轉(zhuǎn)星空效果,涉及jQuery數(shù)值運(yùn)算與頁(yè)面元素屬性動(dòng)態(tài)變換相關(guān)操作技巧,需要的朋友可以參考下2018-07-07
jquery入門必備的基本認(rèn)識(shí)及實(shí)例(整理)
本文整理了一些jquery入門必備的基本知識(shí)及相關(guān)實(shí)例，適合初學(xué)者學(xué)習(xí)，另附一些jquery的常用事件，感興趣的各位可不要錯(cuò)過(guò)了哈2013-06-06
jQuery EasyUI API 中文文檔 - DataGrid數(shù)據(jù)表格
jQuery EasyUI API 中文文檔 - DataGrid數(shù)據(jù)表格使用說(shuō)明，需要的朋友可以參考下。2011-11-11
取得select選擇的文本與值的情形在很多地方都有用到，且實(shí)現(xiàn)的方法有很多，在下面的示例中將為大家詳細(xì)介紹下jquery是如何做到的2013-12-12
jquery中的mouseleave和mouseout的區(qū)別 模仿下拉框效果
不論鼠標(biāo)指針離開(kāi)被選元素還是任何子元素，都會(huì)觸發(fā) mouseout 事件,只有在鼠標(biāo)指針離開(kāi)被選元素時(shí)，才會(huì)觸發(fā) mouseleave 事件2012-02-02