克隆4clone01.html

游鹄君2025年8月24日小于 1 分钟
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>JQuery 克隆</title>
  <style type="text/css">
    li{width:120px;height:40px;border:solid 2px orange;text-align:center;line-height:40px;list-style:none;cursor:pointer;}
  </style>
</head>
<body>
  <button>克隆</button>
  <li><a href="#">军事</a></li>
</body>
<script type="text/javascript" src='jquery-1.8.3.min.js'></script>
<script type="text/javascript">
  $('button').on('click',function(){
    
    //alert(1234);
    //克隆
    //注意:重点^^^^^^^^^^^ 只有JQuery的clone(true),才可以将元素本身的事件一起克隆
    //没有true或者原生有true都没有办法克隆事件^^^^^^^^^^^^^^^^
    //第一种办法   
   //$('li').first().clone(true).appendTo('body');
 
    //第二种办法 拆开写
    var lis=$('li').eq(0).clone(true);
 
    $('body').append(lis);
  });
 
  //li元素添加事件
  $('li').click(function(){
    alert(1234);
  });
</script> 
</html>