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

2021/11/25 6:13:53

编程Tag： jQuery 元素 Dom 复制节点 container appendTo clone

本文主要是介绍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>

这篇关于jquery的DOM节点操作(复制元素节点)的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

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

1.复制元素节点

相关编程文章