從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的隱式迭代，來實現(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的隱式迭代，來實現(xiàn)查找。
這是目前我看到的jquery提供的最靈活的查找元素的方法。
您可能感興趣的文章:
- jQuery中可見性過濾器簡單用法示例
- jQuery中過濾器的基本用法示例
- JQuery的常用選擇器、過濾器、方法全面介紹
- jQuery使用contains過濾器實現(xiàn)精確匹配方法詳解
- jQuery可見性過濾器：hidden和：visibility用法實例
- JQuery選擇器、過濾器大整理
- jQuery表單域?qū)傩赃^濾器用法分析
- Jquery 過濾器(first,last,not,even,odd)的使用
- jQuery contains過濾器實現(xiàn)精確匹配使用方法
- jQuery ajax 路由和過濾器使用說明
- jquery中通過過濾器獲取表單元素的實現(xiàn)代碼
- JQuery 選擇器、過濾器介紹
- jQuery中內(nèi)容過濾器簡單用法示例
相關(guān)文章
這篇文章主要介紹了jquery驗證郵箱格式并顯示提交按鈕，只有輸入email地址正確才顯示提交按鈕演示，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要為大家詳細(xì)介紹了EasyUI實現(xiàn)下拉框多選功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
隨鼠標(biāo)上下滾動，在某些時候需要類似的效果，下面有個不錯的示例可以實現(xiàn)此效果，需要的朋友可以參考下
2013-12-12 
這篇文章主要介紹了使用jquery如何實現(xiàn)的網(wǎng)頁自動播放聲音,需要的朋友可以參考下
2014-04-04 
運用jquery實現(xiàn)table單雙行不同顯示并能單行選中
（該方法是對《運用jquery實現(xiàn)（table）單雙行不同顯示并能多行選中》的改進(jìn)，適合于單行選擇）
2009-07-07 
效果類似這種，自動播放，實質(zhì)控制層的顯示隱藏。需要的朋友可以參考下。
2011-12-12 
用jQuery來判斷瀏覽器的類型,主要是使用$.browser這個工具類
2011-04-04 
這篇文章主要介紹了jQuery獲取剪貼板內(nèi)容的方法,結(jié)合實例形式分析了jQuery針對不同瀏覽器獲取剪貼板內(nèi)容的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2016-06-06 
這篇文章主要介紹了JQuery基礎(chǔ)動畫操作，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04