jQuery 遍历



什么是遍历?

jQuery遍历,这意味着“通过移动”,是用来“发现”(或选择)基于其他元素的HTML元素的关系。从一个选择开始,通过选择,直到你达到你想要的元素。

想象一下下面的树型结构。使用jQuery遍历,你能容易的在树形结构中,向上移动(父节点),向下移动(子节点)并且左右移动(兄弟节点),从选择的元素开始。这种移动称为DOM遍历。

树形解释:

  • <div><ul>元素的父元素
  • <ul><li>的父元素, 是<div>的子元素
  • 左边的<li>元素是`的父元素, 是
      的子元素,是
      `的后代
    • ` 是左边
    • 的子元素,是
        `的后代
      • 两个<li>元素是兄弟(他们共享同一个父元素)
      • 右边的<li>元素是<b>的父元素, 是<ul>的子元素,是<div>的后代
      • <b> 元素是右边<li>的子元素,是<ul><div>的后代

      一个祖先是父母、祖父母、曾祖父母,等等。子是孩子、孙子、曾孙,等等。兄弟姐妹分享相同的父母。


      遍历DOM

      jQuery 提供了多种方法,使我们能够遍历DOM。

      遍历的最大类是树的遍历.

      在接下来的章节将告诉我们如何遍历,向下和横向遍历DOM树.