jquery clone使用
2022-07-13 本文已影响0人
程序猿的小生活
<html>
<head>
<script src="js/jquery.js"></script>
<meta charset="utf-8">
<title></title>
</head>
<body>
<button id="kl">克隆</button>
<div id="dv1" style="border: 1px solid red;height: 100px;width: 100px;">
<p>张三</p>
</div>
</body>
<script>
$(function(){
$("p").click(function(){
alert("你好")
})
$("#kl").click(function(){
//clone方法不关参数是true还是false都会克隆到后代节点
//clone方法 参数true表示连事件一起克隆 false不会克隆事件 默认false
var copyelement =$("#dv1").clone(true);//克隆元素只是放到内存中，不会展示,想要展示需要添加到页面上
$("body").append(copyelement);
})
})
</script>
</html>
