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