后代是子、孙、曾孙等等。
通过 jQuery,您能够向下遍历 DOM 树,以查找元素的后代。


向下遍历 DOM 树
下面是两个用于向下遍历 DOM 树的 jQuery 方法:

children()
find()

jQuery children() 方法

children() 方法返回被选元素的所有直接子元素。
该方法只会向下一级对 DOM 树进行遍历。
下面的例子返回每个 < div> 元素的所有直接子元素:
实例

$(document).ready(function(){$("div").children();
});

您也可以使用可选参数来过滤对子元素的搜索。
下面的例子返回类名为 “1” 的所有 < p> 元素,并且它们是 < div> 的直接子元素:
实例

$(document).ready(function(){$("div").children("p.1");
});

jQuery find() 方法

find() 方法返回被选元素的后代元素,一路向下直到最后一个后代。
下面的例子返回属于 < div> 后代的所有 < span> 元素:
实例

$(document).ready(function(){$("div").find("span");
});

下面的例子返回 < div> 的所有后代:
实例

$(document).ready(function(){$("div").find("*");
});

21. jQuery 遍历 - 后代相关推荐

  1. jQuery 遍历 - 后代

    随时随地技术实战干货,获取项目源码.学习资料,请关注源代码社区公众号(ydmsq666) from:http://www.w3school.com.cn/jquery/jquery_traversin ...

  2. jQuery 遍历 - 后代 【后代是子、孙、曾孙等等。children()查找下一个子元素; find()查找所有后代】

    jQuery 遍历 - 后代 后代是子.孙.曾孙等等. 通过 jQuery,您能够向下遍历 DOM 树,以查找元素的后代. 向下遍历 DOM 树 下面是两个用于向下遍历 DOM 树的 jQuery 方 ...

  3. jQuery 遍历后代

    后代是子.孙.曾孙等等. 通过 jQuery,您能够向下遍历 DOM 树,以查找元素的后代. 向下遍历 DOM 树 下面是两个用于向下遍历 DOM 树的 jQuery 方法: children() f ...

  4. jQuery学习教程二十: jQuery 遍历 - 后代

    后代是子.孙.曾孙等等. 通过 jQuery,您能够向下遍历 DOM 树,以查找元素的后代. 向下遍历 DOM 树 下面是两个用于向下遍历 DOM 树的 jQuery 方法: children() f ...

  5. JQuery:JQuery遍历详解

    JQuery:遍历 一.什么是遍历? jQuery 遍历,意为"移动",用于根据其相对于其他元素的关系来"查找"(或选取)HTML 元素.以某项选择开始,并沿着 ...

  6. 前端 -> jQuery 遍历

    文章目录 jQuery 遍历 - 祖先 jQuery parentsUntil() 方法 jQuery 遍历 - 后代 jQuery 遍历 - 同胞(siblings) jQuery 遍历- 过滤 详 ...

  7. jQuery遍历(1)

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

  8. jQuery 遍历 - closest() 方法

    jQuery 遍历参考手册 实例 本例演示如何通过 closest() 完成事件委托.当被最接近的列表元素或其子后代元素被点击时,会切换黄色背景: $( document ).bind("c ...

  9. jQuery 遍历方法

    jQuery 遍历方法 方法 描述 add() 把元素添加到匹配元素的集合中 addBack() 把之前的元素集添加到当前集合中 andSelf() 在版本 1.8 中被废弃.addBack() 的别 ...

  10. jquery遍历节点

    jquery遍历节点的方法相对来说是一个大模块.可以用于查找,过滤和串联等等操作.非常方便匹配到自己想要的元素进行对应的操作.同时根据jquery的选择器的链式编程,可能一行代码就可以实现一个强大的功 ...

最新文章

  1. 高性能MySQL之架构与历史(1)
  2. MYSQL之SQL语句练习及思路_1
  3. MyBatis动态SQL小结
  4. Python编程系列教程第13讲——隐藏数据和封装
  5. 03|复杂度分析(上):如何分析、统计算法的执行效率和资源消耗?
  6. root 进入ssh 出现问题
  7. 清除故障,Windows2003更加亲切
  8. 2019 Power BI最Top50面试题,助你面试脱颖而出系列中
  9. 了解SQL Server事务日志备份和完整备份的日志序列号
  10. 为什么优秀的程序员也是优秀的设计师
  11. 《linux核心应用命令速查》连载十二:top:显示进程
  12. 2008下搭建easypanel(康乐)虚拟主机控制面板
  13. Java编程思想 - 并发
  14. php全角符号转半角,php如何实现全角符号转半角
  15. 比较常见的几种代理ip类型
  16. java算法余弦定律_自己实现文本相似度算法(余弦定理) - 呼吸的Java - 开源中国社区...
  17. dmp格式怎么转换_如何生成转储(dmp)文件--工具篇
  18. 【Linux】一篇文章彻底搞定信号!
  19. Linux命令之查看磁盘空间
  20. 建模常用的概念介绍1: WOE、IV

热门文章

  1. javax.xml.ws.WebServiceException: Provider com.sun.xml.ws.spi.ProviderImpl not found
  2. CentOS 7 (RHEL 7)服务管理命令的变化
  3. Linux从用户层到内核层系列 - GNU系列之glibc介绍
  4. 简明Python3教程 17.更多
  5. 提升效率小工具,我用30分钟就干完一天的活
  6. 2018-2019-2 20165221 【网络对抗技术】-- Exp6 信息搜集与漏洞扫描
  7. 站内搜索(ELK)之数据目录
  8. GitHub 给已存在的仓库增加开原协议LICENSE
  9. 2017 ACM-ICPC 亚洲区(南宁赛区)网络赛 F题 Overlapping Rectangles(线段树)
  10. hibernate_09_关联映射_多对一