jquery几个常用的遍历函数

最新推荐文章于 2025-06-27 10:44:03 发布

weixin_30478757

最新推荐文章于 2025-06-27 10:44:03 发布

阅读量111

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/lch880/archive/2010/03/23/1692428.html

本文详细介绍了jQuery中的选择器方法，包括children(), parent(), parents(), find(), filter(), not(), add(), slice(), siblings(), prev(), prevAll(), next()及nextAll()等函数的功能与用法，并通过实例展示了这些函数的具体应用。

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">
 这里是测试文本。
 这里是测试。
 这里是测试文本。
</div>

find函数返回的是：这里是测试。
filter函数返回的是：
这里是测试文本。
这里是测试。
这里是测试文本。

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()函数选择一组集合中后面所有的兄弟节点。

转载于:https://www.cnblogs.com/lch880/archive/2010/03/23/1692428.html