第六章 jQuery之对象的筛选

6.1过滤

1.eq(index|-index)

获取第N个元素。Index从0开始，返回的是jQuery对象

获取匹配的第二个元素。

This is just a test.

So isthis

2. first()

获取第一个元素。返回值jQuery。

获取匹配的第一个元素。$('li').first()

3. last()

获取最后个元素，返回值jQuery。

获取匹配的最后个元素。$('li').last()

4. filter(expr|obj|ele|fn)

筛选出与指定表达式匹配的元素集合。

ul下li标签中title属性为hello的。var$lis = $('ul>li');$lis.filter('[title=hello]').css('background', 'red')

5. not(expr|ele|fn)

删除与指定表达式匹配的元素。返回值jQuery。

ul下li标签中title属性不为hello的。

$lis.not('[title=hello]').css('background','red')

6.has(expr|ele)

保留特定后代的元素，去掉那些不含有指定后代的元素。

给含有ul的li加上颜色。$('li').has('ul').css('background-color','red');

7. slice(start,[end])

选取一个匹配的子集。

选择第一个p元素。$("p").slice(0,1).wrapInner("");

6.2查找

1.children()

取得一个包含匹配的元素集合中每一个元素的所有子元素的元素集合。

查找DIV中的每个子元素。$("div").children()

2. find(expr|obj|ele)

搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法。返回jQuery。

从所有的段落开始，进一步搜索下面的span元素。与$("p span")相同。$("p").find("span")

3. parent([expr])

取得一个包含着所有匹配元素的唯一父元素的元素集合。返回值jQuery。

查找每个段落的父元素。$("p").parent()

4.prevAll()

查找当前元素之前所有的同辈元素。返回值jQuery。

给最后一个之前的所有div加上一个类。$("div:last").prevAll().addClass("before");

5. nextAll([expr])

查找当前元素之后所有的同辈元素。返回值jQuery。

给第一个div之后的所有元素加个类。$("div:first").nextAll().addClass("after");

6.siblings()

取得一个包含匹配的元素集合中每一个元素的所有唯一同辈元素的元素集合。可以用可选的表达式进行筛选，返回值jQuery。

找到每个div的所有同辈元素。$("div").siblings();

6.3串联

1.add(expr|ele|html|obj[,con])

把与表达式匹配的元素添加到jQuery对象中。这个函数可以用于连接分别与两个表达式匹配的元素结果集。

添加一个新元素到一组匹配的元素中，并且这个新元素能匹配给定的表达式。$("p").add("span")

2. contents()

查找匹配元素内部所有的子节点（包括文本节点）。如果元素是一个iframe，则查找文档内容。

查找所有文本节点并加粗。$("p").contents().not("[nodeType=1]").wrap("");