mouseenter和mouseleave实现 鼠标悬停列表行的背景颜色改变 不是style里的hover哦
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
<script type="text/javascript">
$(function(){
$("#uu>li").mouseenter(function(){
$(this).css("backgroundColor","yellow")
})
$("#uu>li").mouseleave(function(){
$(this).css("backgroundColor","")
})
})
</script>
</head>
<body>
<input type="button" name="" id="btn" value="列表高亮显示" />
<ul id="uu">
<li>这是第1行li文字</li>
<li>这是第2行li文字</li>
<li>这是第3行li文字</li>
<li>这是第4行li文字</li>
<li>这是第5行li文字</li>
<li>这是第6行li文字</li>
<li>这是第7行li文字</li>
<li>这是第8行li文字</li>
<li>这是第9行li文字</li>
<li>这是第10行li文字</li>
</ul>
</body>
</html>