jquery遍历-后代遍历

最新推荐文章于 2023-03-10 18:28:20 发布
最新推荐文章于 2023-03-10 18:28:20 发布
阅读量142 收藏
点赞数
分类专栏： jquery 文章标签： javascript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaochouyu0703/article/details/84697274
版权
children() 方法返回被选元素的所有直接子元素。
find() 方法返回被选元素的后代元素，一路向下直到最后一个后代。 


<style>
.descendants *
{ 
display: block;
border: 2px solid lightgrey;
color: lightgrey;
padding: 5px;
margin: 15px;
}
</style>
<script>
$(document).ready(function(){ 
   $("div").find("*").css({"color":"red","border":"2px solid red"});
   $("div").children().css({"color":"yellow","border":"2px solid yellow"});
});
</script>
</head>
<body>
<div class="descendants" style="width:500px;">div (当前元素) 
  <p>p (子)
    <span>span (孙)</span>     
  </p>
  <p>p (child)
    <span>span (孙)</span>
  </p> 
</div>
</body>

[img]http://dl2.iteye.com/upload/attachment/0105/4405/af4330ef-e4f8-31d8-aaf7-313eb5eb9747.png[/img]
xiaochouyu0703
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery遍历并获得后代的值
qq_30461115的博客
08-24 2140
今天遇到一个坑爹的问题，获取到孙代的元素，但是获取不到值，搞了一上午，现在分享给大家。 原因是因为当获得到孙代时，返回的对象是TableCell  那么进这个网址就OK啦（http://www.w3school.com.cn/jsref/dom_obj_tabledata.asp） OK贴代码 HTML ssssssssssssssss es
jQuery 遍历
小游
12-13 100
本文档为个人博客文档系统的备份版本、作者：小游、作者博客：点击访问 jQuery 遍历，意为"移动"，用于根据其相对于其他元素的关系来"查找"（或选取）HTML 元素。以某项选择开始，并沿着这个选择移动，直到抵达您期望的元素为止。 祖先 //比如下面这个获取祖先 $(document).ready(function(){ $("span").parent(); }); 后代 //下面的例子返回属于 <div> 后代的所有 <span> 元素： $(document.
jQuery的后代遍历
天高任鸟飞
07-24 612
后代 包括子、孙、曾孙等等 两个方法 children() find() children() 返回被选元素的，所有直接子元素 只会向下一级对DOM树进行遍历 $("div").children(); 过滤子元素 $("div").children("p.1"); find() 返回被选元素的后代元素 一路向下，直到最后一个后代 $("div").find(...
find children 的区别
u014704496的专栏
05-22 612
jQuery children() 方法 children() 方法返回被选元素的所有直接子元素。 该方法只会向下一级对 DOM 树进行遍历。 下面的例子返回每个 元素的所有直接子元素： 实例 $(document).ready(function(){   $("div").children(); });
jQuery 遍历后代元素
weixin_44432032的博客
12-30 204
//children() 方法返回被选元素的所有直接子元素。 $(document).ready(function(){ $("div").children().css({"color":"red","border":"2px solid red"}); }); $(document).ready(function(){ $("div").children("p.1").css({"color":"red","border":"2px solid red"}); }); //find() 方法
JQuery遍历
x2306402025的博客
03-10 324
JQuery遍历
jQuery 遍历 – 后代
12-13
jQuery 遍历 – 后代 后代是子、孙、曾孙等等。 通过 jQuery，您能够向下遍历 DOM 树，以查找元素的后代。 向下遍历 DOM 树 下面是两个用于向下遍历 DOM 树的 jQuery 方法： children() find() jQuery ...
JQuery遍历元素的后代和同胞实现方法
10-21
在jQuery库中，有多种方法可以用来实现这种需求，接下来，我们将会详细解释如何使用children()和find()方法来遍历后代，以及如何使用siblings()方法来遍历同胞元素。 首先，让我们了解children()方法。children()...
jQuery 遍历函数详解
10-23
下面我们详细讲解这些jQuery遍历函数的知识点。 .add()函数用于将元素添加到jQuery对象集合中。这个函数可以将新元素直接添加到现有的jQuery对象集合中，实现链式操作。 .andSelf()函数将之前操作返回的元素集添加...
jQuery--遍历操作实例小结【后代、同胞及过滤】
10-15
1. **遍历后代** - `children()` 函数用于获取元素的所有直接子元素。例如，`$("div").children();` 将返回所有 `<div>` 元素的直接子元素。 - `find()` 函数则用于查找元素的所有后代，不论层级多深。`$("div")....
JQuery遍历DOM节点的方法
10-24
在学习JQuery时，DOM节点的遍历是极为重要的一部分。JQuery提供了一套丰富的API，使得开发者可以轻松地遍历和操作DOM元素。本文将详细介绍JQuery中用于遍历DOM节点的方法，并结合实例加以说明。 ### children()方法...
jquery获取和设置元素高度宽度
wangjingyi
02-27 831
1.height()/ width() 取得第一个匹配元素当前计算的高度/宽度值（px） height(val)/ width(val) 为每个匹配的元素设置CSS高度(hidth)属性的值 [code="jquery"]$("#mydiv").height(); $("#mydiv").height(10);[/code] 2.css(properties) ...
jquery-map()遍历
wangjingyi
02-12 784
map() 把每个元素通过函数传递到当前匹配集合中，生成包含返回值的新的 jQuery 对象。 以下例子显示被选中复选框 ID 组成的逗号分隔的列表： [code="html"] 2 4 6 ...
jquery方法之-attr()返回或设置属性值
wangjingyi
01-23 739
返回被选元素的属性值：$(selector).attr(attribute) 设置被选元素的属性和值：$(selector).attr(attribute,value) 设置一个以上的属性和值：$(selector).attr({attribute:value, attribute:value ...}) [code="html"] $("button").click(functi...
jQuery插件之-右下角弹出提示窗体popMessage
wangjingyi
03-20 669
优点：右下角弹出同时可配置对应的开始和结束的animated的效果 缺点：没有对外的api支持例如控制显示和隐藏 [code="java"] $(function(){ $.fn.popMessage({ content : '', height:282, auto:false, width:280, ...
jQuery.data()和html5 dataset
wangjingyi
03-26 632
我们先来看下HTML 5 增加的一项新功能是[b]自定义数据属性[/b]-- data-* 自定义属性 [url]http://www.css88.com/archives/4715[/url] [code="html"] 码头[/code] 一）使用attribute方法能够存取 data-* 自定义属性的值: 所有的现代浏览器中都能正常工作，但它不是HTML 5 的自...
jquery遍历-同级遍历
wangjingyi
01-21 562
siblings() 返回被选元素的所有同胞元素。 next() 返回被选元素的下一个同胞元素。 nextAll() 方法返回被选元素的所有跟随的同胞元素。 nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素。 prev(), prevAll() 以及 prevUntil() 方法类似，只不过方向相反：返回的是前面的同胞元素（在 DOM 树中沿着同胞元素向后遍历，而不...
parseJSON()方法
wangjingyi
02-10 561
jQuery.parseJSON(json) 将要解析的 JSON 字符串转换成javascript对象。 返回: String or Number or Object or Array or Boolean 传入格式有误的 JSON 字符串可能导致抛出异常 [code="java"] var obj = jQuery.parseJSON('{"name":"wjy","age"...
类数组转换为数组makeArray()
wangjingyi
04-01 465
面试的时候遇到这个问题，在jquery中如何实现的将argements或者getElementsByTagName这种[b]类数组转换为真正的数组[/b]？ 查了API，jQuery.makeArray( obj ) 转换后，任何有特殊功能的对象将不再存在，而变成是一个普通的数组对象。 [code="js"] var domNodes = Array.prototyp...
使用jquery 遍历函数-find()、eq()
最新发布
06-06
jQuery中的find()函数用于查找指定元素的后代元素，其语法为： ``` $(selector).find(childSelector) ``` 其中，selector指定要查找的元素，childSelector指定要查找的后代元素。 例如，要查找id为"parent"的元素...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值