虽然大多数前端都用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的区别是,包括文本和注释节点
5.contains:
jQuery(':contains(text)')
<div>John Resig</div>
匹配的文本$("div:contains('John')").css("text-decoration", "underline");
是不是有些晕?呵呵,其实还是平时大家在项目中,遇到问题时,多加注意具体每个的用法,有时即使都能达到同样的
效果,但是在语法字面,及jquery内部性能上还是有差异的,这里就不再多加赘述了~