雖然大多數前端都用jquery，可是對jquery這幾個選擇器在使用上的異同，大家應該平時不會太在意，或者也是一知半解吧！

下面簡單總結了下：

1.filter:

.filter( selector )

.filter( function(index) )

.filter( element )

.filter( jQuery object )

和find區別是，find是對它的子集的操作，而filter是對自身集合元素的操作

2.find:

.find( selector )

.find( jQuery object )一個用于匹配元素的jQuery對象。

.find( element )一個用于匹配元素的DOM元素。

和children的區別是children只查找子元素，而不是后代元素

3.children:

.children( [ selector ] )

匹配元素的選擇器字符串.children(".selected")

4.contents:??方法返回所有直接子元素，包括被選元素的文本和注釋節點。 文本節點是由元素顯示的實際文本。 該方法與 children() 方法類似，不同的是它返回的是文本和注釋節

和children的區別是，包括文本和注釋節點

5.contains:

jQuery(':contains(text)')

<div>John Resig</div>

匹配的文本$("div:contains('John')").css("text-decoration", "underline");//查找所有包含 "John" 的 div 元素

?$(“ul li”>.filter(“:contains(‘佳能’),:contains(‘尼康’),:contains(‘電話’)”)).addClass（”promoted”）;

轉載：??https://www.cnblogs.com/LiaoHao/p/3353335.html

轉載于:https://www.cnblogs.com/susan-home/p/8652418.html

總結

以上是生活随笔為你收集整理的jquery中filter、find、children、contents、contains区别的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。