【jQuery】clone(false)与clone(true)

最新推荐文章于 2020-08-13 11:05:50 发布

景谦Nice

最新推荐文章于 2020-08-13 11:05:50 发布

阅读量615

点赞数 1

分类专栏： jQuery 文章标签： jQuery

本文链接：https://blog.csdn.net/qq_43705275/article/details/103305318

版权

jQuery 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

clone(false)：浅拷贝，只拷贝标签本身，JavaScript中绑定的事件并不拷贝，不写false，则默认也是false

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>clone(false)</title>
		<script src="js/jquery-3.3.1.js"></script>
	</head>
	<body>
		<span style="cursor: pointer;">床前明月光</span>
		<script type="text/javascript">
			function test(){
				alert("疑是地上霜");
			}
			$("span").bind("click",test);
			$("span").after($("span").clone(false));
		</script>
	</body>
</html>

点击第一个“床前明月光”会出现以下弹窗提示，而点第二个“床前明月光”却没有提示：
在这里插入图片描述

clone(true)：深拷贝，不但拷贝标签本身，JavaScript中绑定的事件也一起拷贝

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>clone(true)</title>
		<script src="js/jquery-3.3.1.js"></script>
	</head>
	<body>
		<span style="cursor: pointer;">床前明月光</span>
		<script type="text/javascript">
			function test(){
				alert("疑是地上霜");
			}
			$("span").bind("click",test);
			$("span").after($("span").clone(true));
		</script>
	</body>
</html>

这样的话无论点击哪个“床前明月光”都会出现下面的弹窗提示：
在这里插入图片描述

景谦Nice

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
【jQuery】clone(false)与clone(true)

clone(false)：浅拷贝，只拷贝标签本身，JavaScript中绑定的事件并不拷贝<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>clone(false)</title> <script src="js/jquery-3.3....
复制链接

扫一扫