怎设置移出之后只有一个显示蓝色

来源：2-8 编程练习

lhebe

2019-05-12 23:13:52

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>层级选择器</title>
</head>
<body>
<p>我是div元素前面的第一个p</p>
<div>
<p>第一个P元素</p>
<p>第二个P元素</p>
<p>第三个P元素</p>
<p>第四个P元素</p>
</div>
<script src="https://cdn.bootcss.com/zepto/1.1.7/zepto.min.js"></script>
<script>
/*此处写代码*/
$(document).ready(function(){
$('div p').mouseenter(function(){
$(this).css({background:'#fff'});
$(this).css({background:'red'});
}).mouseleave(function(){
$(this).css({background:'blue'}).siblings().css({background:'#fff'});
//$(this).css({background:'#fff'});
})

})
</script>
</body>
</html>