向上遍历 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. JS操作css的float属性的特殊写法

    使用js操作css属性的写法是有一定的规律的: 1.对于没有中划线的css属性一般直接使用style.属性名即可. 如:obj.style.margin,obj.style.width,obj.sty ...

  2. android 设置背景为空(透明)

    在给控件设置背景时像ps那样的背景透明 在3.0以下可以使用 imageView.setBackgroundResource(android.R.id.empty); 但是这个方法在3.0以上会出现 ...

  3. Xamarin Add Mac

    右键IOS项目,设置为启动项目,点击启动(F5)弹出如下提示 提示开启远程访问权限,按照提示照做即可 在mac端 进入系统偏好设置 双击选择共享 打开远程登陆,允许所有用户访问 设置完成后点击ok 弹 ...

  4. PHP curl 模拟登陆

    一个比较好的类: $cookie_file=tempnam("C:/users","tmp");生成以以tmp为前缀的文件. <?php define ( ...

  5. COJ 0024 N皇后问题

    N皇后问题 难度级别:B: 运行时间限制:1000ms: 运行空间限制:51200KB: 代码长度限制:2000000B 试题描述     在N*N的方格棋盘放置N个皇,使得它们不相互攻击(即任意2个 ...

  6. Android 侧滑(双向滑动菜单)效果

    下面看看我们如何使用它,达到我们想要的效果 public class MainActivity extends Activity { /** * 双向滑动菜单布局 */ private SliderM ...

  7. openStack工具集

    Openstack发展很猛,很多朋友都很认同,2013年,会很好的解决OpenStack部署的问题,让安装,配置变得更加简单易用. 很多公司都投入人力去做这个,新浪也计划做一个Openstack的is ...

  8. mysql 索引相关知识

    由where 1 =1 引发的思考 最近工作上被说了 说代码中不能用 where 1=1,当时觉得是应该可以用的,但是找不到什么理据, 而且mysql 语句优化这方面确实很薄弱   感觉自己mysql ...

  9. CSS初始化-KISSY CSS Reset 1.0

    代码 /* KISSY CSS Reset 理念:1. reset 的目的不是清除浏览器的默认样式,这仅是部分工作.清除和重置是紧密不可分的. 2. reset 的目的不是让默认样式在所有浏览器下一致 ...

  10. linux命令-查看当前目录下所有文件的大小:“ll -h”

    //ll -h 命令只会显示文件的大小,而文件夹及其子目录或文件的大小不会显示.[root@hadoop01 soft]# ll -h total 2.1G -rw-r--r--. 1 root ro ...