麻烦老师帮忙看看，Thanks♪(･ω･)ﾉ
来源：2-8 编程练习
lianhilda
2020-05-27 13:34:16
<!DOCTYPE html>
<html>
<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').on("mouseover",function(){
$('div p').css('background','none');
$(this).css('background','red');
}).on("mouseleave",function(){
$(this).css('background','none');
})
});
</script>
</body>
</html>
1回答
-
同学你好，代码实现正确，不过如下代码是多余的。鼠标移入时，只需要把背景变成红色即可。如下注释的代码去掉：
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0
相似问题