层次选择器案列:
(自己复制代码运行看其结果,之后动手敲击代码)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Nearth</title>
<script src="jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
<script>
$(function(){
$("#uu>li").mouseover(function(){
$(this).css("backgroundColor","red");
});
$("#uu>li").mouseout(function(){
$(this).css("backgroundColor","yellow");
});
});
$(function(){
$("#btn").click(function(){
$("#dv *").css("backgroundColor","blue");
});
});
</script>
</head>
<body>
<h1>层次选择器案列</h1>
<hr>
<input type="button" name="" id="btn" value="点击我,显示效果" />
<div id="dv">
<p>这是一个p标签</p>
<span>这是一个span标签</span>
</div>
<ul id="uu">
<li>湖人</li>
<li>公牛</li>
<li>骑士</li>
<li>勇士</li>
</ul>
</body>
</html>
感悟代码的美从现在开始······················小主人,是不是哒····················