极客教程jQuery DOM遍历
jQuery是一个非常强大的工具，提供了各种DOM遍历方法，帮助我们以随机或顺序的方式选择HTML或XML文档中的元素。DOM中的元素组织成一种类似树状的数据结构，可以遍历该结构以导航、定位HTML或XML文档中的内容。
文档对象模型（DOM）是W3C（World Wide Web Consortium）的标准，允许我们创建、改变或删除HTML或XML文档中的元素。
DOM树可以想象成一组通过父子和兄弟关系相互关联的节点，根节点从HTML元素开始，在HTML文档中位于最顶层。
在我们开始遍历DOM之前，让我们了解一下“父节点”、“子节点”和“兄弟节点”的术语。让我们看一个示例：
<body>
<p>This is paragrah</p>
<div><span>This is div</span></div>
<button id="b1">Get width</button>
<button id="b2">Set width</button>
</body>
在上面的示例中，顶部有一个元素 < body>，它被称为所有元素的父元素。<body>元素内的<div>、<p>和<button>元素被称为兄弟元素。再次，<div>元素内的<span>元素是<div>的子元素，<div>被称为<span>元素的父元素。
<div>元素是<p>元素的后一个兄弟元素，<p>是<div>元素的前一个兄弟元素。
遍历DOM
大多数DOM遍历方法不会修改jQuery DOM对象，它们用于根据给定条件从文档中过滤出元素。jQuery提供的方法可以沿以下三个方向进行遍历：
- 向上遍历 - 这个方向意味着遍历祖先元素（父元素、祖父元素、曾祖父元素等）
-
向下遍历 - 这个方向意味着遍历后代元素（子元素、孙子元素、曾孙子元素等）
-
横向遍历 - 这个方向意味着遍历同级元素的兄弟元素（在同一级别上有相同父元素的兄弟姐妹）
我们将从下一章开始学习上述所有遍历方法。