jQuery基礎---filter()和find()

標籤：com   初學   strong   .com   www   http   html   under   lte   

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

首先 我們看.find()方法：
現在有一個頁面，裡面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() );

將會輸出：

 

也許你已經看出它們的區別了。
find()會在div元素內 尋找 class為rain 的元素。
而filter()則是篩選div的class為rain的元素。
一個是對它的子集操作，一個是對自身集合元素篩選。

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

var $select = $("div .rain");

明白他們的區別了嗎？

轉自：http://www.cnblogs.com/qiantuwuliang/archive/2009/10/18/1585682.html

jQuery基礎---filter()和find()