<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>13.5jQuery节点的复制方法</title>
<script src="../js/jquery-3.1.1.min.js"></script>
<script>
$(function(){
//给div添加行为
$('#div1').click(function(){
alert($(this).html());
});
//1 clone():复制节点
$('#btn1').click(function(){
$('#div1').clone().appendTo('body').html('用clone()方法复制的节点，新元素不具有行为。');
});
//2 clone(true):复制节点并具有行为
$('#btn2').click(function(){
$('#div1').clone(true).appendTo('body').html('用clone(true)方法复制的节点，让新元素具有行为。');
});
});
</script>
<style>
#div1{
width:200px;
height:200px;
border:2px solid red;
cursor:pointer;
}
</style>
</head>
<body>
<input type="button" id="btn1" value="clone()">
<input type="button" id="btn2" value="clone(true)"><br>
<div id="div1">原始DIV</div>
</body>
</html>
运行前
单击原始DIV效果如下图
单击clone()按钮
单击clone(true)按钮
