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

最新推荐文章于 2022-11-11 11:15:56 发布

积沙成塔——

最新推荐文章于 2022-11-11 11:15:56 发布

阅读量2.2k

点赞数 1

分类专栏： jquery基础文章标签： jquery jquery

本文链接：https://blog.csdn.net/qq_45308912/article/details/121528002

版权

jquery基础专栏收录该内容

26 篇文章 0 订阅

订阅专栏

1.复制元素节点

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

复制元素节点案例如下

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

	</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

积沙成塔——

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
jquery的DOM节点操作(复制元素节点)

1.复制元素节点在页面中，有时候需要复制某个元素节点，可以通过clone（）方法轻松实现这一功能。语法格式如下：在复制元素节点后，也要将复制的元素节点追加到某元素节点下，这样才会在相应的区域显示出来复制元素节点案例如下<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="js/new_file
复制链接

扫一扫