检查点
元素之间的关系
了解 DOM 遍历以及 DOM 元素之间的不同关系。
简介
jQuery 允许我们在给定的 初始选择（即通过选择器选中的元素）的基础上，遍历 DOM 树的上下左右方向。借助 jQuery 的接口，我们可以轻松地在网页中进行遍历，根据元素之间的 关系 来 查找 目标元素。这一过程使定位特定元素变得更加便捷。
元素之间的不同关系
DOM 中元素之间的不同关系包括：
- 父级
- 子级
- 兄弟级
- 祖先级
- 后代级
祖先级 包括父级、祖父级，依此类推，直到 DOM 根节点。
后代级 包括子级、孙级，依此类推，直到 DOM 的叶节点。
jQuery 提供了多种实用方法，可以根据这些关系来访问元素。
示例
为了更详细地理解元素之间的关系，请看下面这个简单的网页。为简化起见，我们仅关注 第 5 到第 18 行 的元素。
No configuration found for ID: b115e5481a7b1785b8e16aea9cd238b14701757320157732e5333375f4c7f4eb
DOM 树有助于 可视化 网页中各元素之间的关系。上述网页对应的 DOM 树如下所示：
...
DOM Tree
各元素之间的关系如下：
- `ul` 和 `p` 的父级。
- 所有其他元素的祖先级。
- `div` 的子级和后代级。
- `p` 的兄弟级。
- 两个 `li` 元素的父级和祖先级。
测验：自我检测！
以下问题基于以下网页的 DOM 树结构：
Quiz
单选题
以下哪些元素是元素 div 的后代？
1 / 5