jQuery中find和filter的區別

這是jQuery裡常用的2個方法。
他們2者功能是完全不同的，而初學者往往會被誤導。

現在有一個頁面，裡面HTML代碼為;
<div >

<p class="rain">測試1</p>
</div>

<div class="rain">
     <p>測試2</p>
</div>

 

①如果我們使用find()方法：

var result = $("div").find(".rain");
alert(result.html() ) ;
結果:測試1
 
 
 
②如果使用filter()方法：
var result = $("div").filter(".rain");
alert(result .html() );
結果:<p>測試2</p>
 
 
find()會在div元素內尋找class為rain 的元素，是對它的子集操作
filter()則是篩選div的class為rain的元素，是對它自身集合元素篩選

 

另外find()其實還可以用選取器表示:

var $select = $("div .rain");
明白他們的區別了嗎？

 

摘自 徐越的專欄