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)文章
尋尋覓覓，覓覓尋尋終于找到了一些關(guān)于jquery性能優(yōu)化的文章，果斷收藏當(dāng)然不能忘了加上自己的一些總結(jié)及理解。2014-05-05
本文會(huì)給你們展示50個(gè)jquery代碼片段，這些代碼能夠給你的javascript項(xiàng)目提供幫助2011-09-09
Jquery Easyui分割按鈕組件SplitButton使用詳解（17）
這篇文章主要為大家詳細(xì)介紹了Jquery Easyui分割按鈕組件SplitButton的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
這篇文章主要介紹了jquery插件bxslider用法,以實(shí)例形式較為詳細(xì)的分析了bxslider插件的使用步驟與相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
這篇文章主要為大家詳細(xì)介紹了uploader秒傳圖片到服務(wù)器的完整代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-04-04
Jquery綁定事件(bind和live的區(qū)別介紹)
Jquery中綁定事件有三種方法click、bind、live第一種方法很好理解，其實(shí)就和普通JS的用法差不多，只是少了一個(gè)on而已第二、三種方法都是綁定事件2013-08-08![jQuery中[attribute*=value]選擇器用法實(shí)例](http://img.jbzj.com/images/xgimg/bcimg6.png)
jQuery中[attribute*=value]選擇器用法實(shí)例
這篇文章主要介紹了jQuery中[attribute*=value]選擇器用法,實(shí)例分析了[attribute*=value]選擇器的功能、定義及匹配給定的屬性包含某些值的元素的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12
基于jquery實(shí)現(xiàn)的仿優(yōu)酷圖片輪播特效代碼
這篇文章主要為大家介紹了基于jquery實(shí)現(xiàn)的仿優(yōu)酷圖片輪播特效代碼，感興趣的小伙伴們可以參考一下2016-01-01
jquery復(fù)選框全選/取消示例,實(shí)現(xiàn)點(diǎn)擊復(fù)選框的時(shí)候全選所有的子復(fù)選框，再點(diǎn)擊取消所有復(fù)選框的選中狀態(tài)2013-12-12
表格奇偶行設(shè)置不同顏色，在某些情況下還是比較實(shí)用的，下面有個(gè)不錯(cuò)的示例，大家可以參考下，希望對(duì)大家有所幫助2013-12-12