实例
<!DOCTYPE html>
<head>
<title>jQuery 后代选择器children和fin</title>
<meta http-equiv="content-Type" content="text/html;charset=utf-8">
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
// 选择div的子元素
//$('div#parent').children().css('border','2px solid red');
// 遍历div下面的所有子元素后代
//$("body").find("*").css("color","pink");
// 便利div下面的所有子元素以及后代，选择条件为元素为span标签
$("div").find("span").css('color',"red");
})
</script>
<style>
#parent * {
display: block;
border: 2px solid #333;
color: blue;
padding: 10px;
margin: 15px;
}
</style>
</head>
<body>
<div id="parent" style="width: 500px;"> div父元素
<span>span元素 后代</span>
<p>p元素 子元素
<span>span元素 后代</span>
<span>span元素 后代</span>
</p>
</div>
</body>运行结果
还没有评论，来说两句吧...