jQuery中find和filter的區別

2022-06-28 20:57:13 字數 942 閱讀 3941

這是jquery裡常用的2個方法。

他們兩者功能是完全不同的,而初學者往往會被誤導。

首先 我們看.find()方法:

現在有乙個頁面,裡面html**為;

程式**

class="

css">

class="

rain

">測試1

class="

rain

">

測試2

如果我們使用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

");

jQuery中filter 和find 的區別

1 filter方法是對匹配元素進行篩選,而find方法是對匹配元素的後代元素進行篩選。eg 測試1 測試2var find div find rain alert find.html 輸出 測試2 var filter div filter rain alert filter.html 輸出 測試...

jQuery中find和filter的區別

這是jquery裡常用的2個方法。他們2者功能是完全不同的,而初學者往往會被誤導。現在有乙個頁面,裡面html 為 測試1 測試2 如果我們使用find 方法 var result div find rain alert result.html 結果 測試1 如果使用filter 方法 var re...

jQuery中find和filter的區別

這是jquery裡常用的2個方法。他們2者功能是完全不同的,而初學者往往會被誤導。現在有乙個頁面,裡面html 為 測試1測試2 如果我們使用find 方法 var result div find rain alert result.html 結果 測試1 如果使用filter 方法 var res...