1.祖先：向上遍历DOM树

**parent():返回被选中元素的直接父元素，该方法只会向上一级对DOM树进行遍历

$(document).ready(function(){

　　$("span").parent();

});

**parents():返回被选元素的所有祖先元素，它一路向上直到文档的根元素(<html>)

$(document).ready(function(){

　　$("span").parents();

});

**parents():这个方法也可以使用可选参数来过滤对祖先元素的搜索

$(document).ready(function(){

　　$("span").parents("ul");

});

**parentsUntil():返回介于两个给定元素之间的所有祖先元素

$(document).ready(function(){

　　$("span").parentsUntil("div");

});

2.后代：向下遍历DOM树

**children():返回被选元素的所有子元素，该方法只会向下一级对DOM树进行遍历

$(document).ready(function(){

　　$("div").children();

});

**children():也可以使用可选参数来过滤对子元素的搜索

$(document).ready(function(){

　　$("div").children("p.1");

});

**find():返回被选元素的后代元素，一路向下直到最后一个后代

$(document).ready(function(){

　　$("div").find("*");                //返回<div>的所有后代

　　$("div").find("span");            //返回属于<div>后代的所有<span>元素

});

3.同胞：在DOM树进行水平遍历

**siblings()方法：返回被选元素的所有同胞元素

$(document).ready(function(){

　　$("h2").siblings();            //返回<h2>的所有同胞元素

　　$("h2").siblings("p");       //返回属于<h2>的同胞元素的所有<p>元素　　

});

**next()方法:返回被选元素的下一个同胞元素

$(document).ready(function(){

　　$("h2").next();

});

**nextAll()方法：返回被选元素的所有跟随的同胞元素

$(document).ready(function(){

　　$("h2").nextAll();

});

**nextUntil()方法：返回介于两个给定参数之间的所有跟随的同胞元素

$(document).ready(function(){

　　$("h2").nextUntil("h6");             //返回介于两个参数之间的所有跟随的同胞元素

});

**prev(),prevAll()以及prevUntil()方法的工作方式与上面的方法类似，只不过方向相反而已，它返回的是前面的同胞元素

4.过滤：缩写搜索元素的范围；

**first():返回被选元素的首个元素

$(document).ready(function{

　　$("div p").last();                 //选择最后一<div>元素中的最后一个<p>元素

});

**eq():返回被选元素中带有指定索引号的元素，索引号从0开始而不是1.

$(document).ready(function(){

　　$("p").eq(1);

});

**filter():允许你规定一个标准；不匹配这个标准的元素会被从集合中删除，匹配的元素会被返回

$(document).ready(function(){

　　$("p").filter(".url");              //返回带有类名"url"的所有<p>元素

});

**not():返回不匹配标准的所有元素，与filter()方法相反

$(document).ready(function(){

　　$("p").not(".url");

});

JQuery学习之遍历的更多相关文章

  1. 第二十六篇 jQuery 学习8 遍历-父亲兄弟子孙元素

    jQuery 学习8 遍历-父亲兄弟子孙元素   jQuery遍历,可以理解为“移动”,使用“移动”还获取其他的元素.   什么意思呢?老师举一个例子: 班上30位同学,我是新来负责教这个班学生的老师 ...

  2. jQuery 学习04——遍历：定义、向上、向下、同级、过滤

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

  3. jquery 学习(三) - 遍历操作

    HTML代码 <p>1111</p> <p>1111</p> <p>1111</p> <p>1111</p&g ...

  4. jQuery 学习笔记

    jQuery 学习笔记   一.jQuery概述    宗旨: Write Less, Do More.    基础知识:        1.符号$代替document.getElementById( ...

  5. jQuery学习笔记（一）：入门

      jQuery学习笔记(一):入门 一.JQuery是什么 JQuery是什么?始终是萦绕在我心中的一个问题: 借鉴网上同学们的总结,可以从以下几个方面观察. 不使用JQuery时获取DOM文本的操 ...

  6. jQuery学习笔记 - 基础知识扫盲入门篇

    jQuery学习笔记 - 基础知识扫盲入门篇 2013-06-16 18:42 by 全新时代, 11 阅读, 0 评论, 收藏, 编辑 1.为什么要使用jQuery? 提供了强大的功能函数解决浏览器 ...

  7. jQuery学习笔记之jQuery的Ajax（3）

    jQuery学习笔记之jQuery的Ajax(3) 6.jQuery的Ajax插件 源码地址: https://github.com/iyun/jQueryDemo.git ------------- ...

  8. jQuery学习笔记之DOM操作、事件绑定（2）

    jQuery学习笔记之DOM操作.事件绑定(2) --------------------学习目录------------------------ 4.DOM操作 5.事件绑定 源码地址: https ...

  9. jQuery学习笔记之概念（1）

    jQuery学习笔记之概念(1) ----------------------学习目录-------------------- 1.概念 2.特点 3.选择器 4.DOM操作 5.事件 6.jQuer ...

随机推荐

  1. Android studio 自定义打包APK名称

    Android Studio打包应用默认生成的apk名称是:app-release.apk .如果我们要让生成的apk名跟我们版本包名有联系的话,那我们就要自定义生成的apk名了,要怎么做呢. 我们只 ...

  2. objective-c数组笔记

    数组与可变数组 2015年6月14日 1.数组 数组的初始化方式 1.初始化一个空数组 NSArray *array = [[NSArray alloc] init];//不可变数组,数组内不可以添加 ...

  3. 定时器(NSTimer)

    iOS中定时器NSTimer的使用 1.初始化 + (NSTimer *)timerWithTimeInterval:(NSTimeInterval)ti target:(id)aTarget sel ...

  4. No space left on device 解决Linux系统磁盘空间满的办法

    最近Linux电脑在执行mvn时候总是报错: No space left on device   原因是磁盘空间满了,我马上加了20G的硬盘容量,但是还是报错,上网查了一下,发现了解决方法,我用了其中 ...

  5. hdu1162(最小生成树 prim or kruscal)

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1162 意义:给出一些点,用线问使所有点直接或间接连通,需要多长: 思路:裸最小生成树: 法1: pri ...

  6. php连接sql server

    这两天有个php连接sql server的项目,顺便学习学习sql server  说明: 1:PHP5.2.x本身有个php_mssql.dll的扩展用来连接Sql server,但是这个dll只是 ...

  7. 玩转Java对象和XML相互转换

    最近在项目中一直出现Java对象和XML之间的相互转换,一开始由于项目很庞大,我又是临时调度过去,导致在按照项目组长的要求进行写代码的同时,总是在这块云里雾里,最近才慢慢开始搞清楚项目中具体的使用缘由 ...

  8. Android屏幕旋转总结

    转自:http://www.myexception.cn/operating-system/1452058.html 1． ProjectConifg.mk中定义宏MTK_LCM_PHYSICAL_R ...

  9. Delphi中的各种字符串、String、PChar、Char数组

    参考博客:http://www.cnblogs.com/pchmonster/archive/2011/12/14/2287686.html 其中的所有代码均在Delphi7下测试通过. Delphi ...

  10. 《Spring 3.x 企业应用开发实战》目录

    图书信息:陈雄华 林开雄 编著 ISBN 978-7-121-15213-9 概述: 第1章:对Spring框架进行宏观性的概述,力图使读者建立起对Spring整体性的认识. 第2章:通过一个简单的例 ...