jQuery中filter 和find 的區別

2021-06-29 13:41:36 字數 726 閱讀 9690

1、filter方法是對匹配元素進行篩選,而find方法是對匹配元素的後代元素進行篩選。

eg:

測試1

測試2

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

alert( $find.html() ) ;

輸出:測試2

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

alert( $filter.html() );

輸出:測試2

2、end() 方法:

主要是在利用 jquery 的鏈條屬性(命令鏈)時,jquery 會比較有用。如果不使用命令鏈,我們一般是通過變數名來呼叫之前的物件,這樣我們就不需要操作堆疊了。不過通過 end(),我們可以把所有方法呼叫串聯在一起:

$('ul.first').find('.foo').css('background-color', 'red').end().find('.bar').css('background-color', 'green');
這條命令鏈檢索第乙個列表中類名為 foo 的專案,並把它們的背景設定為紅色。end() 會將物件還原為呼叫 find() 之前的狀態,所以第二個 find() 查詢的是 內的 '.bar' ,而不是在列表的 中查詢,並將匹配元素的背景設定為綠色。最後的結果是第乙個列表中的專案 1 和專案 3 被設定了帶顏色的背景,而第二個列表中的專案沒有任何變化。

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個方法。他們兩者功能是完全不同的,而初學者往往會被誤導。首先 我們看.find 方法 現在有乙個頁面,裡面html 為 程式 class css class rain 測試1 class rain 測試2如果我們使用find 方法 var find div find rai...

jQuery中find和filter的區別

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