jQuery -> 获取孩子节点
<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>
$('content > a');
当然,也可以使用带两个参数的jQuery函数
$('> a', ‘#content');
$('#content').children();
从表面上看解析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')
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。