老师帮忙看一下

来源:2-7 编程练习

慕盖茨9092533

2019-02-25 14:54:45

<!DOCTYPE html>

<html>


<head>

    <meta charset="utf-8">

    <title>习题</title>

    <style>

    </style>

</head>


<body>

    <ul>

        <li>1</li>

        <li>2</li>

        <li>3</li>

        <li>4</li>

    </ul>

    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>

    <script>

    //此处写代码

    $(document).ready(function(){

        $('li').hover(function(){

            $(this).css({'color':'red','font-size':'40px'}).siblings().css({'color':'black','font-size':'16px'})

        },function(){

            $('li').css({'color':'black','font-size':'16px'})

        })

    })

    </script>

</body>


</html>

第一个function,不写后面的.siblings().css({'color':'black','font-size':'16px'})为什么效果一样的


写回答

1回答

山河远阔ZZ

2019-02-25

同学你好,因为字体本身默认的样式就是16px,黑色的,并且鼠标移走之后,会把字体改成原来默认的样式,所以不写“.siblings().css({'color':'black','font-size':'16px'})”这段代码也是可以的哦。

如果帮助到了你,欢迎采纳。

祝学习愉快!

0

0 学习 · 36712 问题

查看课程