码迷,mamicode.com
首页 > Web开发 > 详细

jQuery -> 获取孩子节点

时间:2014-05-24 19:56:18      阅读:364      评论:0      收藏:0      [点我收藏+]

标签:jquery   children   

jQuery提供了很多方法来获取一个元素的direct descendant(直接后代)
最简单的方式是使用direct descendant combinator (>)
例如,如果要获取如下html代码中<div id="content">的直接孩子节点中的a元素,就可以直接使用 > 符号
<body>
<div id="content">
<a href="http://www.jquery.com">jQuery</a>
<p>
<a href="http://blog.csdn.net/feelang">jQuery tutorial</a>
</p>
</div>
</body>

使用selector获取
$('content > a');


当然,也可以使用带两个参数的jQuery函数

$('> a', ‘#content');


也可以链式调用jQuery的api

$('#content').children();


这三个方法都是等价的,但是$(‘#content‘).children()$(‘content > a‘)的区别在于前者的查询速度要大于后者。

从表面上看解析selector必然要花费一些时间,但是这种优势并不是绝对的,具体还要取决与浏览器的内部实现。

但是使用在下面这种情况下,使用children()肯定是有优势的。

var anchors = $('#content')

// Getting all direct children of all anchor elements
// can be achieved in three ways

// #1
anchors.children();

// #2
$('> *', anchors);

// #3
anchors.find('> *')

当然,children()函数也接受selector的参数。例如

$('#content').children('p')


jQuery -> 获取孩子节点,布布扣,bubuko.com

jQuery -> 获取孩子节点

标签:jquery   children   

原文地址:http://blog.csdn.net/feelang/article/details/26587857

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!