21. jQuery 遍历 - 后代
后代是子、孙、曾孙等等。
通过 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 遍历 - 后代相关推荐
- jQuery 遍历 - 后代
随时随地技术实战干货,获取项目源码.学习资料,请关注源代码社区公众号(ydmsq666) from:http://www.w3school.com.cn/jquery/jquery_traversin ...
- jQuery 遍历 - 后代 【后代是子、孙、曾孙等等。children()查找下一个子元素; find()查找所有后代】
jQuery 遍历 - 后代 后代是子.孙.曾孙等等. 通过 jQuery,您能够向下遍历 DOM 树,以查找元素的后代. 向下遍历 DOM 树 下面是两个用于向下遍历 DOM 树的 jQuery 方 ...
- jQuery 遍历后代
后代是子.孙.曾孙等等. 通过 jQuery,您能够向下遍历 DOM 树,以查找元素的后代. 向下遍历 DOM 树 下面是两个用于向下遍历 DOM 树的 jQuery 方法: children() f ...
- jQuery学习教程二十: jQuery 遍历 - 后代
后代是子.孙.曾孙等等. 通过 jQuery,您能够向下遍历 DOM 树,以查找元素的后代. 向下遍历 DOM 树 下面是两个用于向下遍历 DOM 树的 jQuery 方法: children() f ...
- JQuery:JQuery遍历详解
JQuery:遍历 一.什么是遍历? jQuery 遍历,意为"移动",用于根据其相对于其他元素的关系来"查找"(或选取)HTML 元素.以某项选择开始,并沿着 ...
- 前端 -> jQuery 遍历
文章目录 jQuery 遍历 - 祖先 jQuery parentsUntil() 方法 jQuery 遍历 - 后代 jQuery 遍历 - 同胞(siblings) jQuery 遍历- 过滤 详 ...
- jQuery遍历(1)
jQuery 遍历,意为"移动",用于根据其相对于其他元素的关系来"查找"(或选取)HTML 元素.以某项选择开始,并沿着这个选择移动,直到抵达您期望的元素为止 ...
- jQuery 遍历 - closest() 方法
jQuery 遍历参考手册 实例 本例演示如何通过 closest() 完成事件委托.当被最接近的列表元素或其子后代元素被点击时,会切换黄色背景: $( document ).bind("c ...
- jQuery 遍历方法
jQuery 遍历方法 方法 描述 add() 把元素添加到匹配元素的集合中 addBack() 把之前的元素集添加到当前集合中 andSelf() 在版本 1.8 中被废弃.addBack() 的别 ...
- jquery遍历节点
jquery遍历节点的方法相对来说是一个大模块.可以用于查找,过滤和串联等等操作.非常方便匹配到自己想要的元素进行对应的操作.同时根据jquery的选择器的链式编程,可能一行代码就可以实现一个强大的功 ...
最新文章
- 高性能MySQL之架构与历史(1)
- MYSQL之SQL语句练习及思路_1
- MyBatis动态SQL小结
- Python编程系列教程第13讲——隐藏数据和封装
- 03|复杂度分析(上):如何分析、统计算法的执行效率和资源消耗?
- root 进入ssh 出现问题
- 清除故障,Windows2003更加亲切
- 2019 Power BI最Top50面试题,助你面试脱颖而出系列中
- 了解SQL Server事务日志备份和完整备份的日志序列号
- 为什么优秀的程序员也是优秀的设计师
- 《linux核心应用命令速查》连载十二:top:显示进程
- 2008下搭建easypanel(康乐)虚拟主机控制面板
- Java编程思想 - 并发
- php全角符号转半角,php如何实现全角符号转半角
- 比较常见的几种代理ip类型
- java算法余弦定律_自己实现文本相似度算法(余弦定理) - 呼吸的Java - 开源中国社区...
- dmp格式怎么转换_如何生成转储(dmp)文件--工具篇
- 【Linux】一篇文章彻底搞定信号!
- Linux命令之查看磁盘空间
- 建模常用的概念介绍1: WOE、IV
热门文章
- javax.xml.ws.WebServiceException: Provider com.sun.xml.ws.spi.ProviderImpl not found
- CentOS 7 (RHEL 7)服务管理命令的变化
- Linux从用户层到内核层系列 - GNU系列之glibc介绍
- 简明Python3教程 17.更多
- 提升效率小工具,我用30分钟就干完一天的活
- 2018-2019-2 20165221 【网络对抗技术】-- Exp6 信息搜集与漏洞扫描
- 站内搜索(ELK)之数据目录
- GitHub 给已存在的仓库增加开原协议LICENSE
- 2017 ACM-ICPC 亚洲区(南宁赛区)网络赛 F题 Overlapping Rectangles(线段树)
- hibernate_09_关联映射_多对一