jQuery—复制DOM节点之clone() 方法

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

脊椎类哺乳动物

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

阅读量813

点赞数

分类专栏：网页文章标签： jQuery 网页前后端

本文链接：https://blog.csdn.net/Kiwi_no/article/details/103000993

版权

本文探讨了jQuery中的clone()方法如何用于复制DOM节点，包括是否保留事件绑定。通过示例展示了设置为true时如何复制事件，以及设置为false时仅复制节点的情况。

摘要由CSDN通过智能技术生成

clone([Even[,deepEven]]) ：

clone方法传入false或不传入值，则后插入的按钮没有点击事件；传入true，则复制元素的同时也复制元素中的的事件 !

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-3.3.1.js" ></script>
	</head>
	<body>
		<input type="button" value="按钮"/>
		<script>
			$("[type='button']").bind("click",function(){
				console.log("按钮");
			})
			
			$("[type='button']").after($("[type='button']").clone(true));
		</script>
	</body>
</html>

页面显示：（after()方法在input 标签外部插入复制一个按钮