jQuery 遍历
什么是遍历?
jQuery 遍历,意思是“穿梭”,用于根据 HTML 元素与其他元素的关系来“查找”(或选择) HTML 元素。从一个选择开始,并遍历该选择,直到到达所需的元素。
下图将 HTML 页面表示为树(DOM 树)。使用 jQuery 遍历,您可以轻松地在树中向上(祖先)、向下(后代)和横向(同级)移动,从选定的(当前)元素开始。这种移动称为遍历——或遍历——DOM 树。
图示说明
- <div> 元素是 <ul> 的父级,也是其内部所有内容的祖先
- <ul> 元素是两个 <li> 元素的父级,并且是 <div> 的子级
- 左侧的 <li> 元素是 <span> 的父级,<ul> 的子级,以及 <div> 的后代
- <span> 元素是左侧 <li> 的子级,以及 <ul> 和 <div> 的后代
- 两个 <li> 元素是同级(它们共享同一个父级)
- 右侧的 <li> 元素是 <b> 的父级,<ul> 的子级,以及 <div> 的后代
- <b> 元素是右侧 <li> 的子级,以及 <ul> 和 <div> 的后代
祖先是指父级、祖父级、曾祖父级等等。
后代是指子级、孙子级、曾孙子级等等。
同级共享同一个父级。
遍历 DOM
jQuery 提供了各种方法,允许我们遍历 DOM。
遍历方法中最大的类别是树遍历。
接下来的章节将向我们展示如何在 DOM 树中向上、向下和横向移动。
jQuery 遍历参考
有关所有 jQuery 遍历方法的完整概述,请访问我们的 jQuery 遍历参考。