首页 > 其他分享> > jquery的DOM节点操作(复制元素节点)

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

2021-11-25 00:00:37 作者：互联网

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>

标签：jquery,container,DOM,clone,元素,appendTo,复制,节点
来源： https://blog.csdn.net/qq_45308912/article/details/121528002