jQuery clone()

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

梦忆长安

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

阅读量89

点赞数

本文链接：https://blog.csdn.net/qq_44971038/article/details/103310800

版权

该方法是对所匹配的元素进行复制，有两个层次：true 和 false ；true 是深度复制，将所匹配的元素以及所关联的事件都进行复制；false 则是仅复制所匹配的元素，不包括与其关联的事件；

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

创建button按钮，并关联 click 事件，点击按钮后会在控制台显示“I Love Long”；使用 clone（true）方法复制，会得到一个一模一样（功能即事件也是相同）的按钮；如下：