本文详细介绍了jQuery中children()和siblings()方法的用法。children()用于获取指定元素的所有直接子元素，不会深入子元素层级。siblings()则获取指定元素的所有兄弟元素，包括不同类型的元素。
<script language="javascript" src="jquery.js" type="text/javascript"></script>
<!--
jQuery(查询方法)——children()和siblings()方法的理解
children()——此方法会获取到所有的直接子元素。而不会向下遍历。
siblings()——此方法会获取到所有的兄弟元素，而不仅仅是同种元素的兄弟元素
-->
<script type="text/javascript">
<!--
$(document).ready(function(){
var dom = $("#parent").children();//注：使用$("选择器")，这里要包含选择器，（#/./等等）
alert(dom.length);//输出为2；会获取到node1和node2两个子元素。
alert($("#parent").children(".node1").length); //输出为1；只会获取到其直接子节点，而不会进行向下遍历。
alert($("div").siblings().length); //输出值为5；这里会获取到所有只要是div元素的兄弟元素，其兄弟元素可以是p/span/等等。
});
//-->
</script>
</head>
<body>
<div id="parent">
<div class="node1">
<div class="node1">第二级子节点</div>
<p>hello CC</p>
<div id="" class="">
hello
</div>
</div>
<div class="node2">
<span >I'm OK</span>
</div>
</div>
</body>
http://hi.baidu.com/kobicc/item/ea3c75db0bcdfb3fe2108f5a
扫一扫
2961
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
