jQuery遍历之parent()方法

jQuery是一个合集对象,如果想快速查找合集里面的每一个元素的父元素(这里可以理解为就是父亲-儿子的关系),此时可以用parent()方法

因为是父元素,这个方法只会向上查找一级

理解节点查找关系:

<div class="div">
   <ul class="son">
       <li class="grandson">1</li>
   </ul>
</div>

查找ul的父元素div, $(ul).parent(),就是这样简单的表达

    parent()无参数

        parent()方法允许我们能够在DOM树中搜索到这些元素的父级元素,从有序的向上匹配元素,并根据匹配的元素创建一个新的 jQuery 对象

注意:jQuery是一个合集对象,所以通过parent是匹配合集中每一个元素的父元素

parent()方法选择性地接受同一型选择器表达式

同样的也是因为jQuery是合集对象,可能需要对这个合集对象进行一定的筛选,找出目标元素,所以允许传一个选择器的表达式

下面我们来看一段实例

<!DOCTYPE html>
<html>
<head>
  <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>

<body>

  <div><p>Hello</p></div>
  <div class="selected"><p>Hello Again</p></div>

<script>
  $("p").parent(".selected").css("background", "yellow");
</script>

</body>
</html>


继续学习
||
<!DOCTYPE html> <html> <head> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> </head> <body> <div><p>Hello</p></div> <div class="selected"><p>Hello Again</p></div> <script> $("p").parent(".selected").css("background", "yellow"); </script> </body> </html>
提交重置代码
章节
笔记
提问
课件
反馈
捐赠

JQuery 基础入门教程

  • 推荐课程
  • 评论
  • 问答
  • 笔记
  • 课件下载

一辆想出轨的无轨电车

讲的还不错。。。

8年前    添加回复 0

学习ing

jQuery是一个合集对象,如果想快速查找合集里面的每一个元素的父元素(这里可以理解为就是父亲-儿子的关系)

8年前    添加回复 0

Alway.以为

代码看的懂,也能自己模仿着写了

8年前    添加回复 0

橱窗的光

讲的很详细

8年前    添加回复 0

末日的春天

这后面内容还有不少啊

8年前    添加回复 0

“parent()方法选择性地接受同一型选择器表达式”,这句话不明白,选择性接受同一型选择器表达式指的是什么

[最新 数据分析师 的回答] “parent()方法选择性地接受同一型选择器表达式”,这句话不明白,选择性接受同一型选择器表达式指的是什么-PHP中文网问答-“parent()方法选择性地接受同一型选择器表达式”,这句话不明白,选择性接受同一型选择器表达式指的是什么-PHP中文网问答围观一下哦,学习一下。

时间:8年前

课件暂不提供下载,工作人员正在整理中,后期请多关注该课程~