jQuery 元素的克隆 clone()

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

原创最新推荐文章于 2023-06-16 20:53:39 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

day04(jQuery) 专栏收录该内容

11 篇文章

订阅专栏

本文介绍如何利用jQuery的clone方法克隆DOM元素，并通过实例演示如何确保克隆后的元素能保留原有的事件监听器。同时展示了浅克隆与深克隆的区别。

<body>
		<input type="button" name="btn" id="btn" value="按钮" />
	</body>
	<script src="js/jquery-1.12.4.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var input1 = $('input');
		input1.on('click',function(){
			alert('动态添加的内容！');
		});
		//clone() 浅克隆
		$('input').clone().appendTo($('body'));
		
		//clone(true) 深克隆  可以将动态添加的行为等克隆进去
		$('input').clone(true).appendTo($('body'));
		
		// 克隆出来的对象的是一个新的对象，新对象和原有对象的功能一样
		// 但是在内存中的地址不是在一个位置上
	</script>