jQuery not()和filter()區別

admin發表於2017-02-25
標題中的兩個函式都具有過濾功能,但是在功能上還是有所區別的。

一.not()函式:

語法結構:

[JavaScript] 純文字檢視 複製程式碼
$(selector).not(expr)

此函式可以從$(selector)物件集合中刪除與expr表示式匹配的元素。

程式碼例項:

[JavaScript] 純文字檢視 複製程式碼
$("li").not(":even").css("color","red");

以上程式碼可以將除去索引值為偶數的li元素物件中的字型顏色設定為紅色。

二.filter()函式:

語法結構:

[JavaScript] 純文字檢視 複製程式碼
$(selector).filter(expr)

此函式能夠從$(selector)中篩選出與指定表示式匹配的元素。

程式碼例項:

[JavaScript] 純文字檢視 複製程式碼
$("li").filter(":even").css("color","red");

以上程式碼可以將li元素集合中索引值為偶數的li元素的字型顏色設定為紅色。

兩者異同:

1.兩個方法的目的相同,都是用來篩選元素集合。

2.兩個方法的篩選方向相反,一個是刪除與表達是匹配的,一個是保留與表達是匹配的。

相關閱讀:

(1).not()函式可以參閱jQuery not()一章節。

(2).filter()函式可以參閱jQuery filter()一章節。

(3).:not選擇器可以參閱jQuery :not一章節。

相關文章