添加的li没有没背景色

来源：4-10 自由编程

慕后端8593059

2019-02-26 20:25:01

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>Document</title>
</head>
<body>
 <button>添加</button>
 <ul>
  <li>我是1</li>
  <li>我是2</li>
  <li>我是3</li>
  <li>我是4</li>
  <li>我是5</li>
  <li>我是6</li>
  <li>我是7</li>
 </ul>
 <script type="text/javascript" src="js/zepto.min.js"></script>
 <script type="text/javascript">
  $(document).ready(function(){
   var li=$('ul li').length;
   $('ul li').mouseover(function(){
    $(this).css('background','red');
   })
   $('ul li').mouseout(function(){
    $(this).css('background','#fff');
   })
   $('button').on('click',function(e){
    li++;
    $('ul').append(`<li>我是${li}</li>`)
   })
  })
 </script>
</body>
</html>

写回答

1回答