向上遍历 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. Python操作excel（xlrd和xlwt）

    Python操作excel表格有很多支持的库,例如:xlrd.xlwt.openpyxl.win32com,下面介绍使用xlrd.xlwt和xlutils模块这三个库不需要其他的支持,在任何操作系统上 ...

  2. jdk8永久代从方法区移除的验证

    /*** 测试使用jdk8中是否仍然可以使用永久代* jvm options * -Xms20m -Xmx20m -Xmn10m -XX:PermSize=10m -XX:MaxPermSize=10 ...

  3. 转：C语言申请内存时堆栈大小限制

    一直都有一个疑问,一个进程可以使用多大的内存空间,swap交换空间以及物理内存的大小,ulimit的stack size对进程的内存使用有怎样的限制?今天特亲自动手实验了一次,总结如下: 开辟一片内存 ...

  4. Android 读取和保存文件（手机内置存储器）

    1:activity_main.xml <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/androi ...

  5. Pig Apache Hadoop

    http://blog.cloudera.com/blog/2009/06/analyzing-apache-logs-with-pig/

  6. poj 2287 动态规划

    用贪心简单证明之后就是一个从两头取的动态规划 #include <iostream> #include <cstring> #include <cstdio> #i ...

  7. mysql之事务

    事务处理 begin        开始一个事物 commit        事务确认 rollback    事务回滚 end        事务结束 innodb下可以实现事务 开始执行事务时如果 ...

  8. rsyslog 同步丢失问题

    <pre name="code" class="html">[root@dr-mysql01 zjzc_log]# wc -l localhost_ ...

  9. 使用 APPLY

    原文地址:http://technet.microsoft.com/zh-cn/library/ms175156(v=SQL.105).aspx 使用 APPLY 运算符可以为实现查询操作的外部表表达 ...

  10. Engineer Economic

    1.选择题 10.下列哪项不属于总成本费用() A.生产成本    B.机会成本    C.管理费用    D.财务费用 第1章 11.下列哪项关于自有资金的表述是错误的(D) A.自有资金包括资本金 ...