老师，请检查，有没有简写的方式呢？

来源：2-5 编程练习

慕函数4436287

2019-07-08 15:11:18

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>2-5</title>
    <style>
        ul{
            cursor:pointer;
        }
    </style>
</head>
<body>
<ul id="menu">
    <li>Web前端攻城狮</li>
    <li>前端小白入门</li>
    <li>前端进阶：响应式开发与常用框架</li>
    <li>HTML5与CSS3实现动态网页</li>
    <li>HTML5&CSS3进阶与常用框架</li>
    <li>JavaScript基础入门</li>
    <li>进击JavaScript核心</li>
</ul>
<script src="https://cdn.bootcss.com/zepto/1.1.7/zepto.min.js"></script>
<script>
    /*此处写代码*/
    $('li').on('click',function () {
        $(this).css('background','yellow')
        $(this).siblings().css('background','')
        $(this).next().css('background','red')
        $(this).prev().css('background','blue')
    })
</script>
</body>
</html>

写回答

1回答