jQuery基礎知識filter()和find()實例說明
更新時間：2010年07月06日 23:06:06 作者：
這是jQuery里常用的2個方法。他們2者功能是完全不同的，而初學者往往會被誤導。
首先 我們看.find()方法：
現(xiàn)在有一個頁面，里面HTML代碼為;
<div class="css">
<p class="rain">測試1</p>
</div>
<div class="rain">
<p>測試2</p>
</div>
如果我們使用find()方法：
var $find = $("div").find(".rain");
alert( $find.html() ) ;
將會輸出：
如果使用filter（）方法：
var $filter = $("div").filter(".rain");
alert( $filter.html() );
將會輸出：
也許你已經看出它們的區(qū)別了。
find()會在div元素內 尋找 class為rain 的元素。
而filter()則是篩選div的class為rain的元素。
一個是對它的子集操作，一個是對自身集合元素篩選。
另外find()其實還可以用選擇器表示:
var $select = $("div .rain");
明白他們的區(qū)別了嗎？
現(xiàn)在有一個頁面，里面HTML代碼為;
復制代碼 代碼如下:
<div class="css">
<p class="rain">測試1</p>
</div>
<div class="rain">
<p>測試2</p>
</div>
如果我們使用find()方法：
var $find = $("div").find(".rain");
alert( $find.html() ) ;
將會輸出：
如果使用filter（）方法：
var $filter = $("div").filter(".rain");
alert( $filter.html() );
將會輸出：
也許你已經看出它們的區(qū)別了。
find()會在div元素內 尋找 class為rain 的元素。
而filter()則是篩選div的class為rain的元素。
一個是對它的子集操作，一個是對自身集合元素篩選。
另外find()其實還可以用選擇器表示:
var $select = $("div .rain");
明白他們的區(qū)別了嗎？
相關文章
這篇文章主要介紹了jQuery如何計算iframe窗口大小,需要的朋友可以參考下2014-05-05
使用jquery animate創(chuàng)建平滑滾動效果（可以是到頂部、到底部或指定地方）
這篇文章主要介紹了使用jquery animate創(chuàng)建平滑滾動效果,效果可以滾動到頂部、到底部或頁面中指定地方,生要的是非常平滑,很舒服,需要的朋友可以參考下2014-05-05
jquery DIV撐大怎么讓滾動條滾到最底部，類似問題想必大家都有遇到過吧，下面與大家分享下具體的處理代碼，感興趣的朋友可以了解下哈2013-06-06
這篇文章主要為大家詳細介紹了利用jQuery實現(xiàn)輪播圖效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
這篇文章主要介紹了基于JQuery實現(xiàn)簡單的折疊菜單效果，這個功能實現(xiàn)起來很簡單，需要的朋友可以參考下2015-11-11
這篇文章主要介紹了jQuery實現(xiàn)跟隨鼠標運動圖層效果的方法,可實現(xiàn)實時顯示鼠標坐標的圖層跟隨鼠標運動的效果,非常具有實用價值,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了JQuery球隊選擇實現(xiàn)方法,實例分析了jQuery中鼠標事件與頁面元素相關操作技巧,需要的朋友可以參考下2015-05-05
jquery無法為動態(tài)生成的元素添加點擊事件的解決方法(推薦)
下面小編就為大家?guī)硪黄猨query無法為動態(tài)生成的元素添加點擊事件的解決方法(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧，祝大家游戲愉快哦2016-12-12
jquery中cookie用法實例詳解(獲取,存儲,刪除等)
這篇文章主要介紹了jquery中cookie用法,結合實例詳細分析了jQuery操作cookie的獲取,存儲,刪除等操作,并附帶了Jquery操作Cookie記錄用戶查詢過信息實現(xiàn)方法,需要的朋友可以參考下2016-01-01
使用jQuery判斷Div是否在可視區(qū)域的方法 判斷div是否可見
這篇文章主要介紹了使用jQuery判斷Div是否在可視區(qū)域的方法 判斷div是否可見2016-02-02