jQuery对DOM元素的向下遍历

最新推荐文章于 2022-11-05 22:18:57 发布

前行的道路

最新推荐文章于 2022-11-05 22:18:57 发布

阅读量375

点赞数

分类专栏： jquery

本文链接：https://blog.csdn.net/fanfanzk1314/article/details/77947580

版权

本文介绍了jQuery中用于向下遍历DOM元素的children()和find()方法，重点阐述了它们的区别。find()方法可以遍历到最后一个后代元素，而children()仅限于直接子元素。此外，还分享了一个小技巧，如何使用jQuery选取并操作一组DOM对象中的第一个元素。

摘要由CSDN通过智能技术生成

这个章节主要写的是jquery中向下遍历，其中可以使用children（）和find（）方法

具体实现如下：

<script src="../JS/Extend.js"></script>
 <script src="../JS/my.js"></script>
 <link type="text/css" rel="stylesheet" href="../CSS3/my.css">
 
</head>
<body>
<div id="div1">
 <div id="div2">
  <p id="p1">
   <a>hello world</a>
  </p>
 </div>
</div>
 
#div1{
 width:500px;
 height:200px;
 border:3px solid coral;
}
 
#div2{
 width:400px;
 height:150px;
 margin-top:10px;
 margin-left:10px;
 border: 3px solid coral;
}
 
#p1{
 margin-left:10px;
 margin-top:10px;
 width:150px;
 height:80px;
 border:3px solid coral;
}

children()方法的元素遍历&