jquery遍历节点

    jquery遍历节点的方法相对来说是一个大模块。可以用于查找,过滤和串联等等操作。非常方便匹配到自己想要的元素进行对应的操作。同时根据jquery的选择器的链式编程,可能一行代码就可以实现一个强大的功能。

1、children()方法

语法:$(selector).children()

解释:返回匹配到的元素的子代元素,注意只是子代元素,而且是子元素集合。

2、next()方法

语法:$(selector).next();

解释:用于获取匹配到的元素后面紧邻的同辈元素。关键字:后面、紧邻、同辈。只有同时满足这三个条件才能匹配成功。如果匹配失败,则返回的数组长度为0.

3、prev()方法

语法:$(selector).prev();

解释:该方法和用于获取匹配到的元素前面紧邻的同辈元素。关键字:前面,紧邻,同辈。

4、silblings()方法

语法:$(selector).siblings();

解释:用于获取匹配到的元素前后所有同辈的元素。不包括自己。

5、closest()方法

语法:$(selector).closest();

该方法用于获取最近的匹配元素。所谓最近,当前本身最近。所以,closest()方法会先匹配自身是否有符合条件的元素,如果存在,也就是匹配成功,本次匹配结束,返回匹配到的元素对应的jquery对象。如果本身不存在,向上查找父元素,并且会逐级向上查找,直到查找到根元素。如果最后没有查找,就返回一个空的jquery对象。

6、parent()、parents()与closest()方法区别

语法:$(selector).parent();

解释:用于获取匹配到的元素的父元素。


语法:$(selector).parents();

解释:用于获取匹配到的元素的父祖元素。就是一目前正在处理的元素为主,其向上有几级父元素,全部获取并以集合的方式返回。

7、find()方法

语法:$(selectorA).find(selectorB);

解释:这个函数是找出正在处理的元素的后代元素的好方法。选择器A匹配到的元素为正在处理的元素,寻找这些处理元素的后代元素,但是这些后代元素需要和selectorB匹配。




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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值