首页 > 代码库 > jQuery -> 获取孩子节点
jQuery -> 获取孩子节点
jQuery提供了很多方法来获取一个元素的direct descendant。
最简单的方式是使用direct descendant combinator (>)
例如,如果要获取如下html代码中
<div id="content">的直接孩子节点中的a元素,就可以直接使用> 符号
<body> <div id="content"> <a href=http://www.mamicode.com/"http://www.jquery.com">jQuery>使用selector获取
$('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')
更多内容,请参考jQuery -> 获取后代元素的三种方法
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。