jQuery 查找子元素 children 和 find 的区别
江河/
JQuery 有两个方法可以查找子元素,即 children 和 find。两个方法有什么区别呢?简单说就是,children是找儿子,find是找所有的后辈子孙。
看一个例子就清楚了。
<div class="ni">
<div class="er-1">
<div class="sun-1"></div>
<div class="sun-2"></div>
</div>
<div class="er-2">
<div class="sun-3"></div>
<div class="sun-4"></div>
<div class="sun-5"></div>
</div>
</div>
<script src="js/jquery.min.js"></script>
<script>
$(function () {
// 输出 2 - 两个儿子
console.log($('.ni').children('div').length);
// 输出 7 - 两个儿子+5个孙子
console.log($('.ni').find('div').length);
});
</script>
还有个小差别,children可以不传参,返回所有的儿子元素;find必须传参。
暂无评论,抢个沙发...