2-4编程练习

来源：2-4 编程练习

慕粉1110144175

2019-03-19 13:47:54

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
      .red {
          color: red;
      }
    </style>
</head>
<body>
    <ul>
      <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).addClass('red')
          .siblings().removeClass('red');
      })
    </script>
</body>
</html>

写回答

1回答