jQuery遍历DOM的父级元素、子级元素和同级元素的方法总结(jquery遍历对象使用的方法)

编辑：rootadmin

推荐整理分享jQuery遍历DOM的父级元素、子级元素和同级元素的方法总结(jquery遍历对象使用的方法)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:jquery遍历div,jquery遍历li,jquery中遍历指定的对象和数组是哪个方法,js dom遍历,jquery遍历对象使用的方法,jquery遍历dom元素,jquery 遍历,jquery 遍历,内容如对您有帮助，希望把文章链接给更多的朋友！

如下图，显示了HTML中的结构树，通过 JQuery 遍历，您能够从被选（当前的）元素开始，轻松地在家族树中向上移动（祖先），向下移动（子孙），水平移动（同胞）。这种移动被称为对 DOM 进行遍历。

遍历 - 父级（祖先）向上遍历DOM数。

通过如下三个方法，我们可以获取父级元素：

parent() parents() parentsUntil()

1.JQuery parent()

parent() 方法返回被选元素的直接父元素。该方法只会向上一级对 DOM 树进行遍历。

2.JQuery parents()

parents() 方法返回被选元素的所有父元素。

3.JQuery parentsUntil()

parentsUntil() 方法返回介于两个给定元素之间的所有父级元素

遍历 - 子级（后代）向下遍历DOM树。

jQuery遍历DOM的父级元素、子级元素和同级元素的方法总结(jquery遍历对象使用的方法)

向下遍历可以使用如下两个函数：

1.children()2.find()1.JQuery children()

children() 方法返回被选元素的所有直接子元素。该方法只会向下一级对 DOM 树进行遍历。

2.JQuery find()

find() 方法返回被选元素的后代元素，一路向下直到最后一个后代。

遍历 - 同级（兄弟）

有以下几个方法：1.sibings()除自身外，遍历同级的所有元素，修改适用于同级所有元素

2.next()除自身外，仅下一个元素修改

3.nextAll()除自身外，修改下面的所有元素

4.nextUntil()除自身外，对下面的元素进行区间修改

5.prev()修改上一个元素

6.preAll()修改位于元素之上的所有元素

7.preUntil()对位于区间之上的元素进行区间修改

举例讲解jQuery对DOM元素的向上遍历、向下遍历和水平遍历一、jQuery的向下遍历scriptsrc="../JS/Extend.js"/scriptscriptsrc="../JS/my.js"/scriptlinktype="text/css"rel="stylesheet"href="../CSS3/my.css"/headbodydivid="div1"divid="div2"pid="p1"ahelloworld/

jquery.serialize() 函数语法及简单实例 jQuery-serialize()方法W3School给出的定义与用法：serialize()方法通过序列化表单值，创建URL编码文本字符串。您可以选择一个或多个表单元素（比如input及/或

jQuery获取同级元素的简单代码 next()相邻下一个同级元素prev()相邻上一个同级元素siblings()所有同级元素$("#id").next();$("#id").prev();$("#id").siblings();以上这篇jQuery获取同级元素的简单代码就

标签: jquery遍历对象使用的方法

本文链接地址:https://www.jiuchutong.com/biancheng/385857.html 转载请保留说明！

上一篇：jQuery之简单的表单验证实例

下一篇：举例讲解jQuery对DOM元素的向上遍历、向下遍历和水平遍历(简述jquery的常用方法)