jquery中filter、find、children、contents、contains區別
雖然大多數前端都用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區別