jQuery中克隆(clone)方法

<!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));//clone方法传入false或不传入值,则后插入的按钮没有点击事件
		</script>
	</body>
</html>

首先上代码,克隆方法分为浅层克隆与深层克隆

当()内为true,代表深层克隆,即完全复制所有东西,包括变量和方法。

当()内 为false,代表浅层克隆,即只复制表层,不复制变量和其上方法。

上图代码的结果为

有两个按钮图标,且都有事假  console.log("按钮");

发布了30 篇原创文章 · 获赞 1 · 访问量 758

猜你喜欢

转载自blog.csdn.net/nairuozi/article/details/103001077
今日推荐