jQuery教程

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

本文主要是介绍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节点操作(复制元素节点)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!