向上遍历 DOM 树
  • parent()  //返回被选元素的直接父元素,该方法只会向上一级对 DOM 树进行遍历。
  • parents()    //返回被选元素的所有祖先元素，它一路向上直到文档的根元素 (<html>); 也可以使用可选参数来过滤对祖先元素的搜索,如： $("span").parents("ul");
  • parentsUntil()   // 返回介于两个给定元素之间的所有祖先元素，如：
     $("span").parentsUntil("div");
 
向下遍历 DOM 树
  • children()      //返回被选元素的所有直接子元素,该方法只会向下一级对 DOM 树进行遍历, 可以使用可选参数来过滤对子元素的搜索。例如：
 $("div").children();      // 返回每个 <div> 元素的所有直接子元素
 $("div").children("p.1");     // 返回类名为 "1" 的所有 <p> 元素，并且它们是 <div> 的直接子元素
  • find()   //  返回被选元素的后代元素，一路向下直到最后一个后代；例如：
$("div").find("span");    //返回属于 <div> 后代的所有 <span> 元素
 $("div").find("*");    // 返回 <div> 的所有后代
 
在 DOM 树中水平遍历
  • siblings()     // 返回被选元素的所有同胞元素
$("h2").siblings();      // 返回 <h2> 的所有同胞元素：
$("h2").siblings("p");  // 返回属于 <h2> 的同胞元素的所有 <p> 元素：
  • next()     // 返回被选元素的下一个同胞元素。
$("h2").next();   // 返回 <h2> 的下一个同胞元素：
  • nextAll()   // 返回被选元素的所有跟随的同胞元素。
$("h2").nextAll();    // 返回 <h2> 的所有跟随的同胞元素：
  • nextUntil()  // 返回介于两个给定参数之间的所有跟随的同胞元素
  $("h2").nextUntil("h6");    // 返回介于 <h2> 与 <h6> 元素之间的所有同胞元素：
  • prev()
  • prevAll()
  • prevUntil()
 
过滤遍历DOM树
  • first() 方法返回被选元素的首个元素，如：
$("div p").first();    // 选取首个 <div> 元素内部的第一个 <p> 元素：
  • last() 方法返回被选元素的最后一个元素。
  $("div p").last();   // 返回被选元素的最后一个元素。
    • eq() 方法返回被选元素中带有指定索引号的元素, 索引号从 0 开始，因此首个元素的索引号是 0 而不是 1。
    • filter() 方法允许您规定一个标准,不匹配这个标准的元素会被从集合中删除，匹配的元素会被返回,如：
       $("p").filter(".intro");
    • not() 方法返回不匹配标准的所有元素。

jQuery自学笔记（五）：关于jQuery的遍历的更多相关文章

  1. jQuery:自学笔记(1)——基础入门

    jQuery:自学笔记(1)——基础入门 认识JQuery 1.jQuery概述 jQuery是一个快速.小巧 .功能丰富的JavaScript函数库.它可以实现“写的少,做的多”的目标. jQuer ...

  2. jQuery:自学笔记(5)——Ajax

    jQuery:自学笔记(5)——Ajax 使用Ajax快捷函数 说明 出于简化AJAX开发工作的流程,jQuery提供了若干了快捷函数. 实例 1.显示 test.php 返回值(HTML 或 XML ...

  3. jQuery:自学笔记(4)——事件与事件对象

    jQuery:自学笔记(4)——事件与事件对象 jQuery中的事件 什么是事件 所谓事件,就是被对象识别的操作,即操作对象队环境变化的感知和反应,例如单击按钮或者敲击键盘上的按键. 所谓事件流,是指 ...

  4. jQuery:自学笔记(3)——操作DOM

    jQuery:自学笔记(3)——操作DOM 修改元素的属性 获取元素属性 设置元素属性 修改元素的内容 说明 有三种方式可以获取HTML元素的内容,分别是 ☐ text():设置或返回所选元素的文本内 ...

  5. jQuery:自学笔记(2)——jQuery选择器

    jQuery:自学笔记(2)——jQuery选择器 基本选择器 说明 jQuery的基本选择器与CSS的选择器相似: 实例 标签选择器 //使用标签选择器更改字体大小 $(div).css('font ...

  6. jQuery 自学笔记—5 遍历

    什么是遍历? jQuery 遍历,意为“移动”,用于根据其相对于其他元素的关系来“查找”(或选取)HTML 元素.以某项选择开始,并沿着这个选择移动,直到抵达您期望的元素为止. 下图展示了一个家族树. ...

  7. jQuery自学笔记（三）：jQuery动画效果

    jQuery隐藏和显示: 使用 hide( ) 和 show( ) 方法来隐藏和显示 HTML 元素: 语法: $(selector).hide(speed,callback); $(selector ...

  8. jQuery 自学笔记—8 常见操作

    jQuery 拥有可操作 HTML 元素和属性的强大方法. jQuery DOM 操作 jQuery 中非常重要的部分,就是操作 DOM 的能力. jQuery 提供一系列与 DOM 相关的方法,这使 ...

  9. jQuery 自学笔记—9 常见特效 （终章）

    隐藏.显示.切换,滑动,淡入淡出,以及动画 效果演示 点击这里,隐藏/显示面板 一寸光阴一寸金,因此,我们为您提供快捷易懂的学习内容. 在这里,您可以通过一种易懂的便利的模式获得您需要的任何知识. 实 ...

  10. Jquery学习笔记：获取jquery对象的基本方法

    jquery最大的好处是将js对html页面的操作(读写)进行了封装,隔离了浏览器的差异性,并简化了操作,和提供了强大的功能. 在web页面中,所有的js操作都是围绕操作dom对象来的.而jquery ...

随机推荐

  1. HEX和BIN文件的区别

    以下的内容是从网上转载来的,原文地址:http://blog.csdn.net/zhangliang_571/article/details/8519469  在这里感谢原作者. 1,是在keil中编 ...

  2. 如何设置listview每个item高度

    据我所了解,listview每行的宽度是由 inflater填充布局中高度最大的那个控件的高度... public  void setListViewHeightBasedOnChildren(Lis ...

  3. win7 snmp

    http://blog.chinaunix.net/uid-21857285-id-3340206.html

  4. .Net框架与框架类库-转

    http://blog.csdn.net/rrrfff/article/details/6686493 .NET Framework 具有两个主要组件:公共语言运行库和 .NET Framework类 ...

  5. USB的逻辑值和用途值有什么区别?

    用途最小值,用途最大值.逻辑最小值,逻辑最大值分别是什么意思?如题: code uint8 ReportDescriptor[]= { //每行开始的第一字节为该条目的前缀,前缀的格式为: //D7~ ...

  6. 8051单片机I/O引脚工作原理

    一.P0端口的结构及工作原理 P0端口8位中的一位结构图见下图: 由上图可见,P0端口由锁存器.输入缓冲器.切换开关.一个与非门.一个与门及场效应管驱动电路构成.再看图的右边,标号为P0.X引脚的图标 ...

  7. hibernate 映射<三>一对一外键键关联

    bean 关系: 正向工程: 反向工程: 逆向生成步骤: 生成的xml: ... from hbm_one2one_pk.person person0_ left outer join hbm_one ...

  8. ~/.bashrc的常用alias设置

    centos6.5系统中,alias定义在/etc/bashrc,分别写在/etc/profile.d/*.sh中,可以在此目录添加my.sh, alias attrib='chmod'alias c ...

  9. 【转】用串口登录Beaglebone Black、用usb共享电脑网络、内核模块的本地编译

    原文网址:http://bbs.eeworld.com.cn/thread-431507-1-1.html 串口连接BBB使用usb线可以连接BBB和电脑,用ssh就可以登录BBB来进行操作.但有时候 ...

  10. 测试Remoting三种信道Http,Tcp,Ipc和Web Service的访问速度 (转)

    Remoting和Web Service是.net中的重要技术,都可用来实现分布式系统开发,如果是不同的平台就只能选择Web Service,但如果是同一平台,就都可以选择了.到底选择那种,当然还有访 ...