jQuery之克隆节点clone()
warning:
这篇文章距离上次修改已过190天，其中的内容可能已经有所变动。
clone() 方法用于创建被选元素的副本，包括所有的文本和属性。
- 默认情况下，事件处理函数不会被拷贝到新元素中。
- 如果想要拷贝事件处理函数，需要传递参数
true。
解决方案：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery clone() 方法</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").clone().insertAfter($("p"));
});
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<button>克隆上面的 p 元素</button>
</body>
</html>在上述代码中，我们首先引入了 jQuery 库，并在文档加载完成后注册了一个点击事件处理程序。当按钮被点击时，会克隆 p 元素，并将其插入到 p 元素之后。
注意：clone() 方法不会复制 ID 属性到新元素中，因为 ID 在一个文档内必须是唯一的。如果需要复制带有 ID 的元素，可以传递 true 参数，同时复制元素的所有事件处理程序。
$("p").clone(true).insertAfter($("p"));
评论已关闭