jQuery中clone方法

最新推荐文章于 2023-06-16 20:53:39 发布

离弃。

最新推荐文章于 2023-06-16 20:53:39 发布

阅读量204

点赞数

本文链接：https://blog.youkuaiyun.com/faithinmyheart/article/details/103001075

版权

本文详细解析了clone方法在JavaScript中的应用，重点介绍了如何通过clone方法实现DOM元素的完整复制，包括事件绑定等特性。通过实例演示了传入true参数与默认情况下复制的区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

clone方法：相当于一个比较高级的复制方法，当clone方法返回true时，就是将本体完全复制过来包括本体的所有方法;当返回false时，只复制了表皮，，没有复制其方法(是一个没有领会的复制)

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<script src="js/jquery-3.4.1.js" ></script>
	<body>
		<input type="button" value="按钮"/>
		<script>
			$("[type='button']").bind("click",function(){
				console.log("按钮");
			})
			
			$("[type='button']").after($("[type='button']").clone(true));//clone方法传入false或不传入值，则后插入的按钮没有点击事件
		</script>
	</body>
</html>