jQuery 遍历 - 祖先

jQuery 遍历 - 祖先

第一部分:介绍方法

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

(2)     parents():返回被选元素的所有祖先,一直到文档的根元素(<html>)

(3)     parentsUntil():返回介于两个给定元素之间的所有祖先元素

第二部分:代码结构展示

(1)这一张图中,我主要是写了HTML的结构,我用了一个<div>标签包裹了<ul>标签、<li>标签以及<span>标签。

(2)下面的图中主要是写了它的Css样式部分,以及JQ的部分,JQ部分中,我给按钮<button>

    绑定了点击事件,并且给它设置了相对应的“遍历的方法”,后面的Css样式,我添加的是“背景颜色”,这样我们能更清楚的查看它的展示效果.

第三部分:效果图展示

(1)下面的图中,我们是没有展示效果之前的效果图

(2)这一张图中我们展示的是parent():返回被选元素的直接父元素的效果展示图.

(3)这一张图中我们展示的是parents():返回被选元素的所有的祖先元素,我给parents()

     方法设置的Css的样式,是黄褐色的背景颜色,所以它选择的到了所有的祖先元素,

     一直到html的根元素.

(4)parentsUntil()方法:这张图中返回的是div标签与span标签之间的所有祖先元素.

这是我所学到的jQuery 遍历 - 祖先,想分享给你们,希望可以帮助到你们。以上就是我的分享,如有更好的方法,欢迎大家推荐!写错的地方,欢迎大家在评论区指正!谢谢!

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值