技术文章 > Web开发 >  JavaScript > 正文

jquery向下遍历dom树的两种方法

宋雪维

小编介绍过jquery向上遍历dom树的三种方法jquery遍历dom树除了按照向上的顺序进行遍历。也可以按照向下的顺序进行遍历。本文介绍jquery向下遍历dom树的两种方法:1、children()方法;2、find()方法。

1、children()方法选取被选元素的所有直接子元素。

$(document).ready(function () {
   
   $("#childBtn2").click(function () {
       $("#container").children("ul").css({border:"8px solid black"});
   });
}); 
//向下遍历时,children()方法只能访问子元素,括号内只能添加子元素,添加其他没用

2、find()方法选取被选元素的后代元素,直到最后一个后代。

$(document).ready(function () {
   
   $("#findBtn").click(function () {
       $("#container").find("ul").css({border:"8px solid blueviolet"});
   });
}); 
//而find()方法可以访问孙元素以及更下一级元素

以上就是jquery向下遍历dom树的两种方法,需要注意children() 方法只会向下一级对 DOM 树进行遍历哦~更多JavaScript学习推荐:JavaScript教程

免费视频教程
本教程部分素材来源于网络,版权问题联系站长!
相关文章
  python复制文件的方法整理
  python中使用os.path.split()切片
  os.system在python中如何调用命令
  python中os.remove()的使用注意
  python os.listdir()解决乱码
相关视频章节
  解决提示“‘python’不是内部或外外部命令
  python代码缩进
  python编码规范
  《Python程序设计》课程导论
  Python语言简介
视频教程分类