從jquery的過濾器.filter()方法想到的
更新時(shí)間：2013年09月29日 15:01:27 作者：
.filter()方法可以接受一個(gè)函數(shù)作為參數(shù)，然后根據(jù)函數(shù)的返回值判斷，這就是jquery選擇器的過濾器，下面有個(gè)不錯(cuò)的示例，大家可以參考下
最近發(fā)現(xiàn)了jquery的.filter()方法，這真是一個(gè)很強(qiáng)大的方法，最強(qiáng)大之處在于，他可以接受一個(gè)函數(shù)作為參數(shù)，然后根據(jù)函數(shù)的返回值判斷，如果返回值是true，這個(gè)元素將被保留，如果返回值是false，這個(gè)元素將被剔除。這就是jquery選擇器的過濾器。
空說無用，我們展示一下
<body>
<p>你好啊，今天及多大了啊</p>
<p><span>為什么要告訴你</span></p>
</body>
如果我們要選擇有一個(gè)<span>子元素的<p>元素，平常我都是這么寫的
$("p>span").parent();
現(xiàn)在借助于.filter()我們可以寫成這個(gè)樣子：
$("p").filter(function(index){
return $(this).find("span").size();
});
雖然看起來有些麻煩，但是他提供了我們一種極其強(qiáng)大的自定義查找元素的功能，我們可以傳遞一個(gè)函數(shù)，然后借助jquery的隱式迭代，來實(shí)現(xiàn)查找。
這是目前我看到的jquery提供的最靈活的查找元素的方法。
空說無用，我們展示一下
復(fù)制代碼 代碼如下:
<body>
<p>你好啊，今天及多大了啊</p>
<p><span>為什么要告訴你</span></p>
</body>
如果我們要選擇有一個(gè)<span>子元素的<p>元素，平常我都是這么寫的
復(fù)制代碼 代碼如下:
$("p>span").parent();
現(xiàn)在借助于.filter()我們可以寫成這個(gè)樣子：
復(fù)制代碼 代碼如下:
$("p").filter(function(index){
return $(this).find("span").size();
});
雖然看起來有些麻煩，但是他提供了我們一種極其強(qiáng)大的自定義查找元素的功能，我們可以傳遞一個(gè)函數(shù)，然后借助jquery的隱式迭代，來實(shí)現(xiàn)查找。
這是目前我看到的jquery提供的最靈活的查找元素的方法。
您可能感興趣的文章:
- jQuery中可見性過濾器簡單用法示例
- jQuery中過濾器的基本用法示例
- JQuery的常用選擇器、過濾器、方法全面介紹
- jQuery使用contains過濾器實(shí)現(xiàn)精確匹配方法詳解
- jQuery可見性過濾器：hidden和：visibility用法實(shí)例
- JQuery選擇器、過濾器大整理
- jQuery表單域?qū)傩赃^濾器用法分析
- Jquery 過濾器(first,last,not,even,odd)的使用
- jQuery contains過濾器實(shí)現(xiàn)精確匹配使用方法
- jQuery ajax 路由和過濾器使用說明
- jquery中通過過濾器獲取表單元素的實(shí)現(xiàn)代碼
- JQuery 選擇器、過濾器介紹
- jQuery中內(nèi)容過濾器簡單用法示例
相關(guān)文章
Jquery加載時(shí)從后臺(tái)讀取數(shù)據(jù)綁定到dropdownList實(shí)例
從后臺(tái)讀取數(shù)據(jù)綁定到dropdownList，option選項(xiàng)value動(dòng)態(tài)賦值，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下哈2013-06-06
這篇文章主要介紹了jQuery 添加元素和刪除元素的方法，文中講解非常細(xì)致，幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下2020-07-07
本文給大家分享的是一則使用jQuery實(shí)現(xiàn)公告的翻滾效果的代碼，十分簡潔實(shí)用，兼容性也非常不錯(cuò)，這里推薦給小伙伴們2015-02-02
這篇文章主要介紹了jQuery屬性選擇器用法,結(jié)合實(shí)例形式分析了jQuery中針對(duì)屬性的判斷與匹配相關(guān)操作技巧,需要的朋友可以參考下2016-09-09
防止jQuery ajax Load使用緩存的方法小結(jié)
本篇文章主要是對(duì)防止jQuery ajax Load使用緩存的方法進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-02-02
jQuery實(shí)現(xiàn)簡易商城系統(tǒng)項(xiàng)目實(shí)操
這篇文章主要介紹了jQuery實(shí)現(xiàn)簡易商城系統(tǒng)項(xiàng)目實(shí)操，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，感興趣的小伙伴可以參考一下2022-06-06
jquery post方式傳遞多個(gè)參數(shù)值后臺(tái)以數(shù)組的方式進(jìn)行接收
在用jquery的post方式傳遞多個(gè)值時(shí)，在后臺(tái)頁面可以用數(shù)組形式接收,很不錯(cuò)吧，可以接收多個(gè)值啊，接下來介紹實(shí)現(xiàn)方法，感興趣的朋友可以了解下哦2013-01-01
使用jQuery動(dòng)態(tài)加載js腳本文件的方法
動(dòng)態(tài)加載Javascript是一項(xiàng)非常強(qiáng)大且有用的技術(shù)。這方面的主題在網(wǎng)上已經(jīng)討論了不少，我也經(jīng)常會(huì)在一些個(gè)人項(xiàng)目上使用RequireJS和Dojo加載js2014-04-04
jQuery向后臺(tái)傳入json格式數(shù)據(jù)的方法
這篇文章主要介紹了jQuery向后臺(tái)傳入json格式數(shù)據(jù)的方法,實(shí)例分析了傳遞json格式數(shù)據(jù)的原理與具體實(shí)現(xiàn)技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
jquery 抽獎(jiǎng)小程序?qū)崿F(xiàn)代碼
這篇文章主要介紹了jquery 抽獎(jiǎng)小程序的相關(guān)資料,這里提供了詳細(xì)的思路及實(shí)現(xiàn)代碼和實(shí)現(xiàn)效果圖，需要的朋友可以參考下2016-10-10