- clone():克隆匹配的DOM元素,返回克隆后的副本,但是被克隆的新节点不具有任何行为。
实例1:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>克隆节点</title>
<script src="jquery-1.11.3.js"></script>
</head>
<body>
<ul id="fruit">
<li title="pg">苹果</li>
<li title="jz">橘子</li>
<li title="xj">香蕉</li>
</ul>
<script>
$(function(){
$("li").click(function(){
var $fruit=$("#fruit");
var $li=$(this).clone();
$fruit.append($li);
});
})
</script>
</body>
</html>
- clone(true):复制的元素同时也复制了元素中的事件。
实例2:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>克隆节点</title>
<script src="jquery-1.11.3.js"></script>
</head>
<body>
<ul id="fruit">
<li title="pg">苹果</li>
<li title="jz">橘子</li>
<li title="xj">香蕉</li>
</ul>
<script>
$(function(){
$("li").click(function(){
var $fruit=$("#fruit");
var $li=$(this).clone(true);
$fruit.append($li);
});
})
</script>
</body>
</html>