1、children使用
取得一个包含匹配的元素集合中每一个元素的所有子元素的元素集合。
可以通过可选的表达式来过滤所匹配的子元素。注意：parents()将查找所有祖辈元素，而children()只考虑子元素而不考虑所有后代元素。
2、find使用
搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法。
<body>
<ul id="ul-root">
<li>1</li>
<li>2</li>
<ul>
<li>2.1</li>
<li class="special">2.2</li>
<li>2.3</li>
<li>2.4</li>
</ul>
<li class="special">3</li>
<li>4</li>
</ul>
<script src="jquery-3.2.1.js"></script>
<script>
$(document).ready(function() {
$('#ul-root').children('.special').css('font-weight', 'bold');
$('#ul-root').find('.special').css('background-color', 'red');
});
</script>
</body>
效果图如下图所示
image.png
网友评论