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的区别是，包括文本和注释节点

5.contains:

jQuery(':contains(text)')

<div>John Resig</div>

匹配的文本$("div:contains('John')").css("text-decoration", "underline");

是不是有些晕？呵呵，其实还是平时大家在项目中，遇到问题时，多加注意具体每个的用法，有时即使都能达到同样的

效果，但是在语法字面，及jquery内部性能上还是有差异的，这里就不再多加赘述了~