jquery的DOM节点操作(复制元素节点)

1.复制元素节点

在页面中,有时候需要复制某个元素节点,可以通过clone()方法轻松实现这一功能。 语法格式如下:
在这里插入图片描述
在复制元素节点后,也要将复制的元素节点追加到某元素节点下,这样才会在相应的区域显示出来

复制元素节点案例如下

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/new_file.js"></script>
	</head>
	<body>
		<div id="container">
			<img src="img/project3.jpg">
		</div>
		<script>
			$(function() {
      
      
				$("img").click(function() {
      
      
					//这种只能复制元素对象
					// $(this).clone().appendTo("#container");
					//这钟不仅可以复制元素对象,还可以将元素的方法行为复制过来
					$(this).clone(true).appendTo("#container");
				})
			})
		</script>

	</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_45308912/article/details/121528002