<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>