jQuery中filter()和find()的區(qū)別深入了解
更新時(shí)間：2013年09月25日 15:37:04 作者：
一直不是很清楚filter()方法和find()方法的區(qū)別，看jQuery Cookbook一書后，終于算是搞清楚了，下面將新的與大家分享下
一直不是很清楚filter()方法和find()方法的區(qū)別，今天在看jQuery Cookbook一書中，終于算是搞清楚了。
filter()過(guò)濾DOM元素包裝集，是指操作當(dāng)前元素集，刪除不匹配的元素，得到一個(gè)新的集合
$('div').filter('.div1');//選擇div標(biāo)簽中class屬性為div1的div元素
find()在當(dāng)前選中元素的上下文中找到符合條件的后代，返回的是子元素
$('div').find('em');//選擇div標(biāo)簽中的em標(biāo)簽的元素
由上面可以看出，filter()是對(duì)選中的元素集合操作，得到這些元素中符合條件的元素，而find()是得到選中元素
中符合條件的后代子元素。
最后再介紹一個(gè)end()方法，用來(lái)返回破壞性修改之前的選擇
$('div').filter('.div1').end();//返回的是使用filter()之前的選擇元素，即$('div')
filter()過(guò)濾DOM元素包裝集，是指操作當(dāng)前元素集，刪除不匹配的元素，得到一個(gè)新的集合
復(fù)制代碼 代碼如下:
$('div').filter('.div1');//選擇div標(biāo)簽中class屬性為div1的div元素
find()在當(dāng)前選中元素的上下文中找到符合條件的后代，返回的是子元素
復(fù)制代碼 代碼如下:
$('div').find('em');//選擇div標(biāo)簽中的em標(biāo)簽的元素
由上面可以看出，filter()是對(duì)選中的元素集合操作，得到這些元素中符合條件的元素，而find()是得到選中元素
中符合條件的后代子元素。
最后再介紹一個(gè)end()方法，用來(lái)返回破壞性修改之前的選擇
復(fù)制代碼 代碼如下:
$('div').filter('.div1').end();//返回的是使用filter()之前的選擇元素，即$('div')
相關(guān)文章
jQuery實(shí)現(xiàn)電梯導(dǎo)航模塊
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)電梯導(dǎo)航模塊，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-12-12
修改jquery.lazyload.js實(shí)現(xiàn)頁(yè)面延遲載入
jquery.lazyload.js并未真正的實(shí)現(xiàn)頁(yè)面延遲載入，它的實(shí)現(xiàn)原理是頁(yè)面載入完畢后將html中所有img標(biāo)簽的src屬性都替換為空，把src的初始值存儲(chǔ)到一個(gè)自定義的屬性中，當(dāng)頁(yè)面滾動(dòng)到img標(biāo)簽位置時(shí)再將圖片載入進(jìn)來(lái)。2010-12-12
jquery 日期控件datepicker屬性詳細(xì)解析
本文是對(duì)jquery中日期控件datepicker的屬性進(jìn)行了詳細(xì)的介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-11-11
jQuery+JSON實(shí)現(xiàn)AJAX二級(jí)聯(lián)動(dòng)實(shí)例分析
這篇文章主要介紹了jQuery+JSON實(shí)現(xiàn)AJAX二級(jí)聯(lián)動(dòng)的方法,以實(shí)例形式分析了前臺(tái)jQuery結(jié)合ajax傳遞json格式數(shù)據(jù)及后臺(tái)數(shù)據(jù)處理技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-12-12
Jquery如何實(shí)現(xiàn)點(diǎn)擊時(shí)高亮顯示代碼
點(diǎn)擊時(shí)高亮顯示代碼的實(shí)現(xiàn)方法有很多，下面的示例使用jquery來(lái)實(shí)現(xiàn)，需要的朋友可以了解下2014-01-01
下面小編就為大家?guī)?lái)一篇jQuery選擇器之屬性篩選選擇器用法詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09
這篇文章主要介紹了jQuery動(dòng)畫特效,詳細(xì)敘述了jQuery動(dòng)畫特效的實(shí)現(xiàn)方法,非常實(shí)用,需要的朋友可以參考下2014-08-08
這篇文章主要介紹了jQuery元素選擇器用法,通過(guò)一個(gè)簡(jiǎn)單的隱藏div元素實(shí)例講述了元素選擇器的用法,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12
jQuery實(shí)現(xiàn)新消息閃爍標(biāo)題提示的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)新消息閃爍標(biāo)題提示的方法,實(shí)例分析了jQuery操作樣式的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
jquery中EasyUI實(shí)現(xiàn)同步樹(shù)
本文主要是給大家分享了一則使用EasyUI實(shí)現(xiàn)同步樹(shù)的代碼，主要是使用遞歸實(shí)現(xiàn)，非常實(shí)用的方法，推薦給小伙伴們。2015-03-03