编辑文章 - 博客频道 - CSDN.NET
2014-06-24 16:28
218 查看
DOM是以树的形式组织的,因此对HTML元素的遍历与查找很多概念可以用树的遍历、节点查找去理解。
parent() //parent() 方法返回被选元素的直接父元素,只会向上一级对
DOM 树进行遍历。
parents() //返回被选元素的所有祖先元素,它一路向上直到文档的根元素 (<html>)。
parentsUntil() //返回元素和给定元素之间的所有祖先元素。
children() //返回被选元素的所有直接子元素,也可以使用可选参数来过滤对子元素的搜索。
find() // 查找所有子元素中符合给定条件的子元素。
有许多有用的方法让我们在 DOM 树进行水平遍历:
siblings() //返回被选元素的所有同胞元素。
next() //返回被选元素的下一个同胞元素。
nextAll() //返回被选元素的所有跟随的同胞元素。
nextUntil() //返回从本元素到给定参数之间的所有跟随的同胞元素。
prev() //返回被选元素的上一个同胞元素
prevAll() //返回被选元素的所有之前的同胞元素。
prevUntil() //返回从本元素到给定参数之间的所有之前的同胞元素。
first() //返回被选元素组中的首个元素。
last() //返回被选元素组中最后一个元素
eq() //返回被选元素中带有指定索引号的元素。索引号从
0 开始
not() //返回不匹配标准的所有元素。
filter() //返回给定标准的所有元素
4.1 向上遍历 DOM 树
parent() //parent() 方法返回被选元素的直接父元素,只会向上一级对DOM 树进行遍历。
parents() //返回被选元素的所有祖先元素,它一路向上直到文档的根元素 (<html>)。
parentsUntil() //返回元素和给定元素之间的所有祖先元素。
4.2 向下遍历 DOM 树
children() //返回被选元素的所有直接子元素,也可以使用可选参数来过滤对子元素的搜索。find() // 查找所有子元素中符合给定条件的子元素。
4.3 在 DOM 树中水平遍历
有许多有用的方法让我们在 DOM 树进行水平遍历:siblings() //返回被选元素的所有同胞元素。
next() //返回被选元素的下一个同胞元素。
nextAll() //返回被选元素的所有跟随的同胞元素。
nextUntil() //返回从本元素到给定参数之间的所有跟随的同胞元素。
prev() //返回被选元素的上一个同胞元素
prevAll() //返回被选元素的所有之前的同胞元素。
prevUntil() //返回从本元素到给定参数之间的所有之前的同胞元素。
4.4 jQuery 遍历 - 过滤
first() //返回被选元素组中的首个元素。last() //返回被选元素组中最后一个元素
eq() //返回被选元素中带有指定索引号的元素。索引号从
0 开始
not() //返回不匹配标准的所有元素。
filter() //返回给定标准的所有元素
相关文章推荐
- 编辑文章 - 博客频道 - CSDN.NET
- 编辑文章 - 博客频道 - CSDN.NET
- 编辑文章 - 博客频道 - CSDN.NET
- 编辑文章 - 博客频道 - CSDN.NET
- 编辑文章 - 博客频道 - CSDN.NET
- 编辑文章 - 博客频道 - CSDN.NET
- 编辑文章 - 博客频道 - CSDN.NET
- 编辑文章 - 博客频道 - CSDN.NET
- 编辑文章 - 博客频道 - CSDN.NET
- 编辑文章 - 博客频道 - CSDN.NET
- 编辑文章 - 博客频道 - CSDN.NET
- 编辑文章 - 博客频道 - CSDN.NET
- 编辑文章 - 博客频道 - CSDN.NET
- 编辑文章 - 博客频道 - CSDN.NET
- 编辑文章 - 博客频道 - CSDN.NET
- 编辑文章 - 博客频道 - CSDN.NET
- 编辑文章 - 博客频道 - CSDN.NET
- 编辑文章 - 博客频道 - CSDN.NET
- 编辑文章 - 博客频道 - CSDN.NET
- 编辑文章 - 博客频道 - CSDN.NET