麻烦老师检查,谢谢

来源: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回答

好帮手慕糖

2020-03-23

同学你好,代码是正确的,继续加油。祝学习愉快~

0

0 学习 · 6815 问题

查看课程