jQuery filter函數(shù)使用方法
更新時間:2014年05月19日 14:24:13 作者:
利用filter函數(shù)可以從wrapper set中過濾符合條件的DOM元素,下面是其具體的用法,希望對大家有所幫助
利用filter函數(shù)可以從wrapper set中過濾符合條件的DOM元素。
如果我們有一個內(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 傳遞過濾函數(shù)
如果使用選擇器作為參數(shù),用法如下
$('a').filter('.external')
使用匿名過濾函數(shù)
$('a').filter(function(index) {
return $(this).hasClass('external');
})
參數(shù)index是結(jié)果集的下標(biāo).
如果我們有一個內(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 傳遞過濾函數(shù)
如果使用選擇器作為參數(shù),用法如下
復(fù)制代碼 代碼如下:
$('a').filter('.external')
使用匿名過濾函數(shù)
復(fù)制代碼 代碼如下:
$('a').filter(function(index) {
return $(this).hasClass('external');
})
參數(shù)index是結(jié)果集的下標(biāo).
您可能感興趣的文章:
- JQuery遍歷DOM節(jié)點的方法
- jQuery向上遍歷DOM樹之parents(),parent(),closest()之間的區(qū)別
- jQuery里filter()函數(shù)與find()函數(shù)用法分析
- jquery中filter方法用法實例分析
- jQuery中filter()方法用法實例
- jQuery 過濾not()與filter()實例代碼
- jQuery中filter(),not(),split()使用方法
- Jquery find與filter函數(shù)區(qū)別 說明
- JQuery替換DOM節(jié)點的方法
- JQuery復(fù)制DOM節(jié)點的方法
- JQuery刪除DOM節(jié)點的方法
- JQuery插入DOM節(jié)點的方法
- JQuery創(chuàng)建DOM節(jié)點的方法
- JQuery查找DOM節(jié)點的方法
- jQuery遍歷DOM節(jié)點操作之filter()方法詳解
相關(guān)文章
Jquery調(diào)用webService遠(yuǎn)程訪問出錯的解決方法
原來web.config里面默認(rèn)Post設(shè)置是不允許遠(yuǎn)程調(diào)用webservice,需要配置一下就可以了2010-05-05jQuery中通過ajax的get()函數(shù)讀取頁面的方法
這篇文章主要介紹了jQuery中通過ajax的get()函數(shù)讀取頁面的方法,需要的朋友可以參考下2016-02-02jquery清空textarea等輸入框?qū)崿F(xiàn)代碼
jquery清空textarea等輸入框在工作中很常見,接下來的代碼簡單實用,感興趣的朋友可以參考下哈,希望對你有所幫助2013-04-04jQuery中clone()函數(shù)實現(xiàn)表單中增加和減少輸入項
這篇文章給大家介紹了jQuery中clone()函數(shù)實現(xiàn)表單中增加和減少輸入項的實例代碼,非常不錯,具有參考借鑒價值,需要的朋友參考下吧2017-05-05jQuery中ajax的load()與post()方法實例詳解
這篇文章主要介紹了jQuery中ajax的load()與post()方法,結(jié)合實例詳細(xì)分析了jQuery中l(wèi)oad()與post()方法實現(xiàn)ajax交互的相關(guān)技巧與注意事項,需要的朋友可以參考下2016-01-01