jQuery 学习-DOM篇（五）：jQuery 使用 clone() 方法拷贝 DOM

最新推荐文章于 2022-11-11 11:15:56 发布

店伙计

最新推荐文章于 2022-11-11 11:15:56 发布

阅读量6.4k

点赞数

分类专栏： Web 前端开发笔记文章标签： jquery

本文链接：https://blog.csdn.net/xzk9381/article/details/113609799

版权

Web 前端开发笔记专栏收录该内容

16 篇文章 0 订阅

订阅专栏

推荐阅读

Helm3（K8S 资源对象管理工具）视频教程：https://edu.csdn.net/course/detail/32506

Helm3（K8S 资源对象管理工具）博客专栏：https://blog.csdn.net/xzk9381/category_10895812.html

本文原文链接：https://blog.csdn.net/xzk9381/article/details/113609799，转载请注明出处。如有发现文章中的任何问题，欢迎评论区留言。

使用 clone() 方法可以克隆指定的 DOM 元素，与原生的 cloneNode() 方法不同的是，如果 clone 方法中传递的方法是 true，则会将 DOM 的结构、属性、事件和数据都进行克隆。而原生的 cloneNode 方法，即便传递了 true，也只能是把 DOM 和内容拷贝过去，无法拷贝事件和属性等。

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<script src="jquery-1.12.4.js"></script>
	<script type="text/javascript">
		$('document').ready(function (){
			$.data($('.div1')[0],'name','xuzk');

			$('.div1').click(function (){
				alert($(this).html());
				console.log($.data($('.div1')[0]));
			})

			$('#btn1').click(function(){
				$('body').append($('body .div1').clone(true));
			})
		})
	</script>
</head>
<body>
	<input type="button" value="克隆" id="btn1" style="margin-top: 20px;">
	<div class="div1" flagx='x' style="width: 100px;height: 20px;margin-top: 20px;">测试</div>
</body>
</html>

店伙计

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
jQuery 学习-DOM篇（五）：jQuery 使用 clone() 方法拷贝 DOM

使用 clone() 方法可以克隆指定的 DOM 元素，与原生的 cloneNode() 方法不同的是，如果 clone 方法中传递的方法是 true，则会将 DOM 的结构、属性、事件和数据都进行克隆。而原生的 cloneNode 方法，即便传递了 true，也只能是把 DOM 和内容拷贝过去，无法拷贝事件和属性等。<!DOCTYPE html><html><head> <title></title> <script src="
复制链接

扫一扫