jQuery 遍历-开发文档-JsSaaS开发平台

系统、网站、API站点，简单高效开发

jQuery 教程

jQuery 教程 jQuery 简介 jQuery 安装 jQuery 语法 jQuery 选择器 jQuery 事件

jQuery 效果

jQuery 效果- 隐藏和显示 jQuery 效果 - 淡入淡出 jQuery 效果 - 滑动 jQuery 效果- 动画 jQuery 停止动画 jQuery Callback 方法 jQuery - 链(Chaining)

jQuery HTML

jQuery - 获取内容和属性 jQuery - 设置内容和属性 jQuery - 添加元素 jQuery - 删除元素 jQuery - 获取并设置 CSS 类 jQuery css() 方法 jQuery 尺寸

jQuery 遍历

jQuery 遍历 jQuery 遍历 - 祖先 jQuery 遍历 - 后代 jQuery 遍历 - 同胞(siblings) jQuery 遍历- 过滤

jQuery Ajax

jQuery - AJAX 简介 jQuery - AJAX load() 方法 jQuery - AJAX get() 和 post() 方法

jQuery 其他

jQuery - noConflict() 方法 JSONP 教程

jQuery 实例

jQuery 参考手册

jQuery 选择器 jQuery 事件方法 jQuery 效果方法 jQuery HTML / CSS 方法 jQuery 遍历方法 jQuery AJAX 方法 jQuery 杂项方法 jQuery 属性

jQuery 插件

jQuery Validate jQuery Cookie 插件 jQuery Accordion jQuery Autocomplete jQuery Growl 插件(消息提醒) jQuery Password Validation（密码验证） jQuery Prettydate jQuery Tooltip jQuery 树型菜单插件(Treeview)

jQuery 遍历

什么是遍历？

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

下图展示了一个家族树。通过 jQuery 遍历，您能够从被选（当前的）元素开始，轻松地在家族树中向上移动（祖先），向下移动（子孙），水平移动（同胞）。这种移动被称为对 DOM 进行遍历。

jQuery Dimensions

图示解析：

<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 的方法。

遍历方法中最大的种类是树遍历（tree-traversal）。

下一章会讲解如何在 DOM 树中向上、下以及同级移动。