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