麻烦老师检查,谢谢
来源:2-8 编程练习
qq_慕移动3101913
2020-03-23 15:02:16
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>层级选择器</title>
<style>
div {
background-color: ;
}
</style>
</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>
/*此处写代码*/
$('div').ready(function () {
$('div p').on('mouseover', function () {
$(this).css('background-color', 'red')
}).on('mouseleave', function () {
$(this).css('background-color', 'white');
})
})
</script>
</body>
</html>1回答
同学你好,代码是正确的,继续加油。祝学习愉快~
相似问题