jQuery遍历DOM

jQuery提供了多种遍历DOM的方法。遍历方法中最大的种类是树遍历。

  • 向上遍历DOM树

parent():返回被选元素的直接父元素

parents():返回被选元素的所有祖先元素,它一直遍历到根元素(<html>)

parentsUntil():返回介于两个元素之间的所有祖先元素。例$("span").parentsUntil("div"),返回介于<span>与<div>元素之间的所有祖先元素;如果不填写参数,则效果等同于parents方法。

  • 向下遍历DOM树

children():返回被选元素的所有直接子元素。该方法只会向下一级对DOM树进行遍历。

另外,还可以使用参数来过滤对子元素的搜索。例:$("div").children("p.demo"),返回类名为demo的所有<p>元素,并且它们是<div>的直接子元素。

find():返回被选元素的后代元素,一路向下直到最后一个后代。

例:

$("div").find("span");--返回所有属于<div>后代的所有<span>元素
$("div").find("*");--返回所有<div>的后代
  • 在DOM树种水平遍历

同胞拥有相同的父元素

siblings():返回被选元素的所有同胞元素

next():返回被选元素的下一个同胞元素,该方法只返回一个元素

nextAll():返回被选元素的所有跟随的同胞元素

nextUntil():返回介于两个给定参数之间的所有跟随的同胞元素

 

prev()、prevAll()、prevUntil()方法工作方式与上面的方法类似,只不过方向相反而已:它们返回的是前面的同胞元素。

  • 在DOM树种过滤

三个基本的过滤方法是:first()、last()、和eq(),他们允许你基于其在一组元素中的位置来选择一个特定的元素。

其他过滤方法,比如filter()和not()允许你选取匹配或不匹配某项制定标准的元素。

first()方法返回被选元素的首个元素。例如:$("div p").first();--选取首个<div>元素内部的第一个<p>元素

last()方法返回被选元素的最后一个元素。例如:$("div p").last();--选取最后一个<div>元素中的最后一个<p>元素

equ()方法被选元素中带有指定索引号的元素。索引号从0开始。

filter()方法允许你规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。

例如:$("p").filter(".intro");---返回带有类名"intro"的所有<p>元素

not()方法返回不匹配标准的所有元素

转载于:https://my.oschina.net/yulei1943/blog/1490690

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值