Jquery中find、filter等几种用法的差异

1.filter:

.filter( selector )

.filter( function(index) )

.filter( element )

.filter( jQuery object )

和find区别:

基本是find是对它的子集的操作，而filter是对自身集合元素（平级元素）的操作

·find 函数是在当前对象集合的子元素中进行查询;
·filter 函数是对当前对象集合进行过滤, 利用过滤条件缩小范围;
·find 函数的参数是 jQuery 选择器表达式;
·filter 的参数也是选择器表达式, 但可以有多个条件, 用逗号分隔(逻辑或关系);
·filter 的参数也可以是个函数, 调用函数时会自动传入 index 参数, 函数需返回 true或false 以选中或排除元素.

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");