你好,欢迎访问我的博客!登录 评论排行榜 领券购物 免责声明 投稿本站 本站主题
当前位置:首页 - 笔记 - JS/JQ - 正文 代码,改变世界!

jQuery中parent(),parents()和closest()详解与区别

2018-02-02JS/JQ墨初651°c
A+ A-

这篇文章主要为记录一个JQ中的三个方法的解释和区分,不再做安例演示,因为今天有点懒,啥也不想做,班也不想上!

jQuery 遍历 - parent() 方法

parent() 方法:获得指定元素的父元素

语法:

.parent(selector)

注:selector为包含用于匹配元素的选择器表达式,可省略

例:

jQuery中parent(),parents()和closest()详解与区别

HTML代码:

<div>
    <p>我是第一个DIV的P标签</p>
</div>
<div class="mochu">
    <p>我是第二个DIV的P标签</p>
</div>

JQ代码

$("p").parent(".mochu").css("color","red");

jQuery 遍历 - parents() 方法

parents() 方法:获得指定元素的祖元素

语法:

.parents(selector)

注:selector为包含用于匹配元素的选择器表达式,可省略

jQuery 遍历 - closest() 方法

closest() 方法获得匹配选择器的第一个祖先元素,从当前元素开始沿 DOM 树向上。

语法:

.closest(selector)

注:selector为包含用于匹配元素的选择器表达式,可省略

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
jQuery中parent(),parents()和closest()详解与区别

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章

发表评论

选填

必填

必填

选填

请拖动滑块解锁
>>


  用户登录