什么是穿越?
jQuery的穿越,这意味着“移动到”,用于“查找”(或选择)基于其相对于其他元素的HTML元素。 先从一个选择,并通过选择,直到你达到你想要的元素移动。
下图说明了家谱。 使用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遍历参考 。