jquery的clone()和replaceAll(),replaceWith()

 <body>
     <button>保存</button> 
     <p>段落</p>

    <p>tttttttt</P>
 </body>
    <script language="JavaScript">
        //button增加事件
        $("button").click(function(){
              alert("yyy");
        });
  
  
     //克隆button 追加到p上 ,但事件不克隆
     //clone(): 克隆匹配的 DOM 元素, 返回值为克隆后的副本. 但此时复制的新节点不具有任何行为
      $("button").clone().appendTo($("p"));
    
    //克隆button 追加到p上 ,但事件也克隆
    //clone(true): 复制元素的同时也复制元素中的的事件
    $("button").clone(true).appendTo($("p"));

 

 

 //$("button")用 <p>tttttttt</P>替换
  //replaceWith前面的元素是被替换的,replaceWith后面的元素是替换后的
  $("button").replaceWith($("<p>tttttttt</P>"));
  
  
  
     // p 用  <button>保存</button>  替换
  //replaceAll前面的元素是替换后的,replaceAll后面的元素是要被替换的
  $("<button>保存</button>").replaceAll($("p"));
  
  //replaceWith与replaceAll,效果刚好相反
  
    </script>

posted @ 2013-10-05 23:30  sadan  阅读(451)  评论(0编辑  收藏  举报