雖然大多數前端都用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>

匹配的文本

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

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

jquery中filter、find、children、contents、contains區別