**JQUERY** jQuery遍历
2016-07-24 19:25
337 查看
>原理&向上遍历
>>jQuery的遍历建立在DOM的结点树的基础上。能够轻松的向上向下水平移动
>>向上遍历
parent()返回父节点
parents("spl")返回被选节点的所有祖先元素,构成一个数组,可以对祖先元素进行搜索。
parentsUntil()返回介于两个结点间所有的祖先元素,不包括这两个结点
>向下遍历
>>通过DOM的结点树,访问其子节点
>>children()返回被选结点的所有直接子元素,构成数组。可以添加参数,对子元素进行搜索
>>find()
>水平遍历
sibling()返回被选元素的所有同胞元素,可以使用可选参数对同胞元素进行搜索
next()返回被选元素的下一个同胞
nextAll()返回被选元素的所有跟随的同胞元素
nextUntil()返回介于两个给定参数之前的所有跟随的同胞元素
//上下两种遍历方法相同方向相反
prev()
prev()
prevAll()
prevUntil()
>jQuery过滤
>>根据一族元素中的位置来选择一个特定的元素
first()
last()
eq()
>>选取匹配或不匹配某项制定标准的元素
filter()允许我们设定匹配标准
not()设定不匹配的标准
>>jQuery的遍历建立在DOM的结点树的基础上。能够轻松的向上向下水平移动
>>向上遍历
parent()返回父节点
parents("spl")返回被选节点的所有祖先元素,构成一个数组,可以对祖先元素进行搜索。
parentsUntil()返回介于两个结点间所有的祖先元素,不包括这两个结点
>向下遍历
>>通过DOM的结点树,访问其子节点
>>children()返回被选结点的所有直接子元素,构成数组。可以添加参数,对子元素进行搜索
<span style="font-size:14px;">$(document).ready(function(){ $("div").children("p.1"); });</span>//上述代码,会返回类名为一的子节点
>>find()
<span style="font-size:14px;">$(document).ready(function(){ $("div").find("*"); });</span>//上述代码使用了JS中的通配符,返回了所有的子节点
>水平遍历
sibling()返回被选元素的所有同胞元素,可以使用可选参数对同胞元素进行搜索
next()返回被选元素的下一个同胞
nextAll()返回被选元素的所有跟随的同胞元素
nextUntil()返回介于两个给定参数之前的所有跟随的同胞元素
//上下两种遍历方法相同方向相反
prev()
prev()
prevAll()
prevUntil()
>jQuery过滤
>>根据一族元素中的位置来选择一个特定的元素
first()
last()
eq()
<span style="font-size:14px;">$(document).ready(function(){ $("div p").first(); });</span>选取div中第一个是<p>的元素
<span style="font-size:14px;">$(document).ready(function(){ $("p").eq(1); });</span>选取第二个<p>元
>>选取匹配或不匹配某项制定标准的元素
filter()允许我们设定匹配标准
not()设定不匹配的标准
<span style="font-size:14px;">$(document).ready(function(){ $("p").filter(".intro"); });</span>返回带有类名.intro的所有<p>元素
相关文章推荐
- 过滤淘宝网弹出窗口
- 文件遍历排序函数
- C#实现简单过滤非法字符实例
- Lua 学习笔记之C API 遍历 Table实现代码
- dedecms采集过滤常用代码集合
- C#敏感词过滤实现方法
- C#遍历文件夹后上传文件夹中所有文件错误案例分析
- 使用位运算实现网页中的过滤、筛选功能实例
- C#中遍历Hashtable的4种方法
- Windows Powershell过滤管道结果
- Erlang中遍历取出某个位置的最大值代码
- C++实现图的邻接矩阵存储和广度、深度优先遍历实例分析
- C++实现图的邻接表存储和广度优先遍历实例分析
- C#实现过滤sql特殊字符的方法集合
- 举例讲解C语言程序中对二叉树数据结构的各种遍历方式
- C++非递归队列实现二叉树的广度优先遍历
- php遍历目录方法小结
- 一个目录遍历函数
- php遍历删除整个目录及文件的方法
- PHP遍历文件夹与文件类及处理类用法实例