<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
</style>
</head>
<body>
<ul>
<li>海贼王
<span></span>
</li>
<li class="pic">火影王者</li>
<li>柯南</li>
<li>龙珠</li>
</ul>
</body>
<script src="js/jquery-3.2.1.min.js" ></script>
<script type="text/javascript">
//.children() 返回所有子节点
$('ul').children().css({'width':'100px','backgroundColor':'yellow','borderBottom':'1px solid gray'});
//.parent() 返回父元素
$('span').parent().css({'fontSize':'30px'});
//.find(选择器) 匹配后代元素
$('ul').find('.pic').css({'color':'red'});
</script>
</html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
</style>
</head>
<body>
<ul>
<li>海贼王
<span></span>
</li>
<li class="pic">火影王者</li>
<li>柯南</li>
<li>龙珠</li>
</ul>
</body>
<script src="js/jquery-3.2.1.min.js" ></script>
<script type="text/javascript">
//.children() 返回所有子节点
$('ul').children().css({'width':'100px','backgroundColor':'yellow','borderBottom':'1px solid gray'});
//.parent() 返回父元素
$('span').parent().css({'fontSize':'30px'});
//.find(选择器) 匹配后代元素
$('ul').find('.pic').css({'color':'red'});
</script>
</html>
扫一扫
284
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
