学习jQuery clone() 方法

最新推荐文章于 2023-09-26 16:38:38 发布

徊忆羽菲

最新推荐文章于 2023-09-26 16:38:38 发布

阅读量192

点赞数

本文链接：https://blog.csdn.net/guo_qiangqiang/article/details/125896231

版权

Html 同时被 3 个专栏收录

254 篇文章 9 订阅

订阅专栏

Javascript

236 篇文章 6 订阅

订阅专栏

Jquery

193 篇文章 2 订阅

订阅专栏

学习jQuery clone方法

实例

克隆所有的

元素，并插入到元素的结尾：

$("button").click(function(){
    $("p").clone().appendTo("body");
});

定义和用法

clone() 方法生成被选元素的副本，包含子节点、文本和属性。

扩展代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
	$("button").click(function(){
		$("body").append($("p:first").clone(true));
	});
	$("p").click(function(){
		$(this).animate({fontSize:"+=1px"});
	});
});
</script>
</head>
<body>

<p>单击段落增加文本的大小。</p>
<p>这是另一个段落。</p>
<button>复制第一个p元素(包括事件处理程序),并附加到body元素中</button>

</body>
</html>