1-1. 向上遍历 DOM 树

用于向上遍历 DOM 树:

  • parent()
  • parents()
  • parentsUntil() ```html parent() 方法返回被选元素的直接父元素

parents() 方法返回被选元素的所有祖先元素,它一路向上直到文档的根元素 ()

parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素

  1. <a name="YpB3S"></a>
  2. ## 1-2. 向下遍历 DOM 树
  3. 下面是两个用于向下遍历 DOM 树的 jQuery 方法:
  4. - children()
  5. - find()
  6. ```html
  7. children() 方法返回被选元素的所有直接子元素。
  8. 该方法只会向下一级对 DOM 树进行遍历。

image.png

  1. find() 方法返回被选元素的后代元素,一路向下直到最后一个后代

image.png

2-1. jQuery 遍历 - 同胞

在 DOM 树中水平遍历

  1. - **siblings()**
  2. - **next()**
  3. - **nextAll()**
  4. - **nextUntil()**
  5. - **prev()**
  6. - **prevAll()**
  7. - **prevUntil()**


siblings方法(返回被选元素的所有同胞元素)

image.png

next方法(返回被选元素的下一个同胞元素)

image.png

nextAll() 方法(返回被选元素的所有跟随的同胞元素)

image.png

jQuery nextUntil() 方法(返回介于两个给定参数之间的所有跟随的同胞元素)

image.png

2-2. jQuery prev(), prevAll() & prevUntil() 方法

prev(), prevAll() 以及 prevUntil() 方法的工作方式与上面的方法类似,只不过方向相反而已:它们返回的是前面的同胞元素(在 DOM 树中沿着同胞元素向后遍历,而不是向前)

3-1. 过滤

三个最基本的过滤方法是:first(), last() 和 eq(),
它们允许您基于其在一组元素中的位置来选择一个特定的元素。
其他过滤方法,比如 filter() 和 not() 允许您选取匹配或不匹配某项指定标准的元素。

  • first() 方法返回被选元素的首个元素。
  • last() 方法返回被选元素的最后一个元素
  • eq() 方法返回被选元素中带有指定索引号的元素。
  • filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。
  • not() 方法返回不匹配标准的所有元素。