019_遍历

1. jQuery遍历, 意为"移动", 用于根据其相对于其他元素的关系来"查找"(或选取)html元素。以某项选择开始, 并沿着这个选择移动, 直到抵达您期望的元素为止。

2. 下图展示了一个家族树:

2.1. 图解

• <div>元素是<ul>的父元素, 同时是其中所有元素的祖先。
• <ul>元素是<li>元素的父元素, 同时是<div>的子元素
• 左边的<li>元素是<span>的父元素, <ul>的子元素, 同时是<div>的后代。
• <span>元素是<li>的子元素, 同时是<ul>和<div>的后代。
• 两个<li>元素是同胞(拥有相同的父元素)。
• 右边的<li>元素是<b>的父元素, <ul>的子元素, 同时是<div>的后代。
• <b>元素是右边的<li>的子元素, 同时是<ul>和<div>的后代。

2.2. 祖先是父、祖父、曾祖父等等。后代是子、孙、曾孙等等。同胞拥有相同的父。

2.3. 通过jQuery遍历, 您能够从被选(当前的)元素开始, 轻松地在家族树中向上移动(祖先), 向下移动(子孙), 水平移动(同胞)。这种移动被称为对DOM进行遍历。

3. 遍历DOM

3.1. jQuery提供了多种遍历DOM的方法。

3.2. 遍历方法中最大的种类是树遍历(tree-traversal)。