jQuery 遍历



  • jQuery 遍历

    jQuery遍历,意思是“移动”,用于根据与其他元素的关系“查找”(或选择)HTML元素。从一个选择开始,然后浏览该选择,直到达到所需的元素。
    下图显示了作为树的HTML页面(DOM树)。使用jQuery遍历,您可以从选定的(当前)元素开始轻松地向上移动(祖先),向下(子孙)和横向(兄弟)。这种运动称为遍历 - 或移动 - DOM树。
    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遍历参考手册。