從jquery的過(guò)濾器.filter()方法想到的
更新時(shí)間:2013年09月29日 15:01:27 作者:
.filter()方法可以接受一個(gè)函數(shù)作為參數(shù),然后根據(jù)函數(shù)的返回值判斷,這就是jquery選擇器的過(guò)濾器,下面有個(gè)不錯(cuò)的示例,大家可以參考下
最近發(fā)現(xiàn)了jquery的.filter()方法,這真是一個(gè)很強(qiáng)大的方法,最強(qiáng)大之處在于,他可以接受一個(gè)函數(shù)作為參數(shù),然后根據(jù)函數(shù)的返回值判斷,如果返回值是true,這個(gè)元素將被保留,如果返回值是false,這個(gè)元素將被剔除。這就是jquery選擇器的過(guò)濾器。
空說(shuō)無(wú)用,我們展示一下
<body>
<p>你好啊,今天及多大了啊</p>
<p><span>為什么要告訴你</span></p>
</body>
如果我們要選擇有一個(gè)<span>子元素的<p>元素,平常我都是這么寫(xiě)的
$("p>span").parent();
現(xiàn)在借助于.filter()我們可以寫(xiě)成這個(gè)樣子:
$("p").filter(function(index){
return $(this).find("span").size();
});
雖然看起來(lái)有些麻煩,但是他提供了我們一種極其強(qiáng)大的自定義查找元素的功能,我們可以傳遞一個(gè)函數(shù),然后借助jquery的隱式迭代,來(lái)實(shí)現(xiàn)查找。
這是目前我看到的jquery提供的最靈活的查找元素的方法。
空說(shuō)無(wú)用,我們展示一下
復(fù)制代碼 代碼如下:
<body>
<p>你好啊,今天及多大了啊</p>
<p><span>為什么要告訴你</span></p>
</body>
如果我們要選擇有一個(gè)<span>子元素的<p>元素,平常我都是這么寫(xiě)的
復(fù)制代碼 代碼如下:
$("p>span").parent();
現(xiàn)在借助于.filter()我們可以寫(xiě)成這個(gè)樣子:
復(fù)制代碼 代碼如下:
$("p").filter(function(index){
return $(this).find("span").size();
});
雖然看起來(lái)有些麻煩,但是他提供了我們一種極其強(qiáng)大的自定義查找元素的功能,我們可以傳遞一個(gè)函數(shù),然后借助jquery的隱式迭代,來(lái)實(shí)現(xiàn)查找。
這是目前我看到的jquery提供的最靈活的查找元素的方法。
您可能感興趣的文章:
- jQuery中可見(jiàn)性過(guò)濾器簡(jiǎn)單用法示例
- jQuery中過(guò)濾器的基本用法示例
- JQuery的常用選擇器、過(guò)濾器、方法全面介紹
- jQuery使用contains過(guò)濾器實(shí)現(xiàn)精確匹配方法詳解
- jQuery可見(jiàn)性過(guò)濾器:hidden和:visibility用法實(shí)例
- JQuery選擇器、過(guò)濾器大整理
- jQuery表單域?qū)傩赃^(guò)濾器用法分析
- Jquery 過(guò)濾器(first,last,not,even,odd)的使用
- jQuery contains過(guò)濾器實(shí)現(xiàn)精確匹配使用方法
- jQuery ajax 路由和過(guò)濾器使用說(shuō)明
- jquery中通過(guò)過(guò)濾器獲取表單元素的實(shí)現(xiàn)代碼
- JQuery 選擇器、過(guò)濾器介紹
- jQuery中內(nèi)容過(guò)濾器簡(jiǎn)單用法示例
相關(guān)文章

jquery實(shí)現(xiàn)的網(wǎng)頁(yè)自動(dòng)播放聲音
這篇文章主要介紹了使用jquery如何實(shí)現(xiàn)的網(wǎng)頁(yè)自動(dòng)播放聲音,需要的朋友可以參考下
2014-04-04 
運(yùn)用jquery實(shí)現(xiàn)table單雙行不同顯示并能單行選中
(該方法是對(duì)《運(yùn)用jquery實(shí)現(xiàn)(table)單雙行不同顯示并能多行選中》的改進(jìn),適合于單行選擇)
2009-07-07 
autoPlay 基于jquery的圖片自動(dòng)播放效果
效果類(lèi)似這種,自動(dòng)播放,實(shí)質(zhì)控制層的顯示隱藏。需要的朋友可以參考下。
2011-12-12 
jQuery下通過(guò)$.browser來(lái)判斷瀏覽器.
用jQuery來(lái)判斷瀏覽器的類(lèi)型,主要是使用$.browser這個(gè)工具類(lèi)
2011-04-04 
詳解JQuery基礎(chǔ)動(dòng)畫(huà)操作
這篇文章主要介紹了JQuery基礎(chǔ)動(dòng)畫(huà)操作,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04