向上遍历 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. JAVA - 多线程的同步

    多线程的同步 1. 锁对象. 应用场景:当某个数据可能被其他线程修改时,给涉及到数据的方法上锁,保证同一时刻只有拥有这个锁的线程能访问该数据,其他要调用这个方法的线程被阻塞.注意:必须是不同线程访问同 ...

  2. SpringMVC——从HelloWorld

    学习SpringMVC——从HelloWorld开始   前言: 时隔十二年,中国女排最终过关斩将,用3:1的成绩证明了自己的实力,霸气夺冠,为中国赢得了一枚意义非常的金牌.这是一次全民的狂欢,一场视 ...

  3. restful-----------------------------接口设计方式(一种风格)

    http动词: GET(SELECT):从服务器取出资源(一项或者多项) POST(CREATE):在服务器创建一个资源 PUT(UPDATE):在服务器更新资源(客户端提供改变后的完整资源)完整更新 ...

  4. 05 - 替换vtkDataObject中的Update方法 VTK 6.0 迁移

    VTK6 引入了许多不兼容的变.其中之一是删除vtkDataObject中所有有关管道的方法.下面讨论update方法并提供迁移现有代码的建议. Update() vtkDataObject::Upd ...

  5. 正在搞用web.py做的通讯录

    正在搞用web.py做的通讯录,应该算是学习吧,学习那个web.py的应用框架,其实已经搞起来了,可以增删改数据了,查询还没可以用,现在正在搞登录认证的问题,久没用python, 但再上手后半小时就有 ...

  6. 10 001st prime number

    这真是一个耗CPU的运算,怪不得现在因式分解和素数查找现在都用于加密运算. By listing the first six prime numbers: 2, 3, 5, 7, 11, and 13 ...

  7. 使用activeMQ实现jms

    一:jms介绍         jms说白了就是java message service,是J2EE规范的一部分,跟jdbc差不多,sun只提供了接口,由各个厂商(provider)来进行具体的实现, ...

  8. BZOJ 3153 Sone1

    题解:水水哒AAA树啦 #include<iostream> #include<cstdio> #include<cmath> #include<algori ...

  9. Java中string拼接,StringBuilder,StringBuffer和+

    Java中string拼接,StringBuilder,StringBuffer和+,到底哪个更合适? StringBuilder线程不安全,效率较线程安全的StringBuffer高.jdk1.5之 ...

  10. 数组、List和ArrayList的区别

    有些知识点可能平时一直在使用,不过实际开发中我们可能只是知其然不知其所以然,所以经常的总结会对我们的提高和进步有很大的帮助,这里记录自己在工作之余的问题,持续更新,欢迎高手斧正. 数组.List和Ar ...