位置: 编程技术 - 正文
举例讲解jQuery对DOM元素的向上遍历、向下遍历和水平遍历(简述jquery的常用方法)
编辑：rootadmin推荐整理分享举例讲解jQuery对DOM元素的向上遍历、向下遍历和水平遍历(简述jquery的常用方法)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:对jquery的理解,对jquery的理解,简述jquery,jquery对象的方法有哪些,对jquery的理解,jquery例子,jquery例子,jquery对象的方法有哪些,内容如对您有帮助，希望把文章链接给更多的朋友！
一、jQuery的向下遍历
1.children()方法的元素遍历
可以看到此时div1的儿子div2的边框颜色变成了黑色。
2.find()方法的元素遍历
可以看到此时div1的重孙子a元素出现了灰色边框。、
.children()与.find()方法的区别是:children只能对元素的儿子元素进行修改，而find则可以对其所有的子元素进行修改。
二、jQuery的向上遍历顾名思义，向上遍历就是从子集找到父集。
div2的父元素div1边框发生了改变
a元素除外，a元素的所有父级元素都发生了改变
从a元素到div1元素之前的元素边框发生了改变。
三个方法的区别是，.parent()只能向上遍历一层；.parents()则可以指定父级元素的id进行跨越遍历；.parentUntil()则具有区间性质，将会遍历包含于区间中的所有元素。
三、遍历 - 同级（兄弟）同级元素拥有相同的父级元素。
在 DOM 树中水平遍历。
有许多有用的方法让我们在 DOM 树进行水平遍历：
siblings() next() nextAll() nextUntil() prev() prevAll() prevUntil()1.JQuery siblings()
siblings() 方法返回被选元素的所有同胞元素。
2.JQuery next()
next() 方法返回被选元素的下一个同胞元素
3.JQuery nextAll()
nextAll() 方法返回被选元素的所有跟随的同胞元素。
4.JQuery nextUntil()
nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素。
5.JQuery prev() & prevAll() & prevUntil()
prev(), prevAll() 以及 prevUntil() 方法的工作方式与上面的方法类似，只不过方向相反而已：它们返回的是前面的同级元素（在 DOM 树中沿着同胞元素向后遍历，而不是向前）。
jquery.serialize() 函数语法及简单实例 jQuery-serialize()方法W3School给出的定义与用法：serialize()方法通过序列化表单值，创建URL编码文本字符串。您可以选择一个或多个表单元素（比如input及/或
jQuery获取同级元素的简单代码 next()相邻下一个同级元素prev()相邻上一个同级元素siblings()所有同级元素$("#id").next();$("#id").prev();$("#id").siblings();以上这篇jQuery获取同级元素的简单代码就
jQuery Easyui datagrid/treegrid 清空数据 在使用easyui的treegrid或datagrid的过程经常会有这样的场景，如：需要按不同的类型加载数据时，如果选择的分类下没有数据应该把上次展示的数据清空，
标签: 简述jquery的常用方法
本文链接地址:https://www.jiuchutong.com/biancheng/385858.html 转载请保留说明！
