怎么在jquery中向下遍历dom树

这篇文章给大家介绍怎么在jquery中向下遍历dom树，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。

jquery是什么

jquery是一个简洁而快速的JavaScript库，它具有独特的链式语法和短小清晰的多功能接口、高效灵活的css选择器，并且可对CSS选择器进行扩展、拥有便捷的插件扩展机制和丰富的插件，是继Prototype之后又一个优秀的JavaScript代码库，能够用于简化事件处理、HTML文档遍历、Ajax交互和动画，以便快速开发网站。

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树就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。