jquery几个常用的遍历函数

1、children()
返回当前元素的子元素，不包括孙级元素；
2、parent()
返回当前元素的直接父元素；
$("this").parent().addClass(".on");
3、parents()
返回当前元素的所有父元素，包括body、html；
4、find()
查找当前元素的子节点的节点，即是操作当前元素的子元素；
5、filter()
查找当前元素符合条件的所有节点；

例子：

JS：

var find=$("div").find(".on");
alert(find.html());
var filter=$("div").filter(".on");
alert(filter.html());

 

HTML:

<div class="on">
  <p>这里是测试文本。</p>
  <p class="on">这里是测试。</p>
  <p>这里是测试文本。</p>
</div>

 

find函数返回的是：这里是测试。
filter函数返回的是：
  <p>这里是测试文本。</p>
  <p class="on">这里是测试。</p>
  <p>这里是测试文本。</p>

6、not()
与filter函数相反，移除集合中所匹配的元素
7、add()
在集合中增加一个元素
8、slice(a,b)
根据元素在集合中的位置获取集合的子集
第一个参数是从零开始的第一个元素的位置，它包含在返回的片段中；
第二个参数是从零开始的第一个元素的索引。不包含在返回的片段中。
如果省略，将延伸至集合的末尾。
9、siblings()
选择一组元素的所有兄弟姐妹
10、prev & prevAll
prev()函数选择前一个兄弟节点；prevall()函数选择这组集合中前面所有的兄弟节点。
$("this").prevAll().addClass(".on");
11、next & nextAll
next()函数选择后一个兄弟节点；nextAll()函数选择一组集合中后面所有的兄弟节点。