jQuery的clone方法

最新推荐文章于 2024-08-12 09:57:56 发布
最新推荐文章于 2024-08-12 09:57:56 发布
阅读量395 收藏
点赞数
分类专栏： jQuery 文章标签： jQuery的clone方法
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41083450/article/details/103001117
版权 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="js/jquery-3.3.1.js"></script>
	</head>
	<body>
		<input type="button" value="按钮"/>
		<script>
			$("[type='button']").bind("click",function(){
				console.log("按钮");
			})
			$("[type='button']").after($("[type='button']").clone(true));//clone方法传入false或不传入值，则后插入的按钮没有点击事件
		</script>
	</body>
</html>

1、看after方法，先克隆出按钮（true：带点击事件）
2、after方法是在匹配的元素后插入未有的元素，因此如下图第一个按钮就是原来的，第二个是新克隆的
在这里插入图片描述

：十点差三分
关注
专栏目录
jQuery中clone()方法
Liuxiaoyang1999的博客
11-10 424
clone()方法： clone（）方法中传入的参数值为布尔型，决定了是否为深层复制，若为深层复制（传入true），则同时复制原标签中添加的事件；若不为深层复制（传入false）则不复制标签中添加的事件。 代码示例一： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> &lt...
jQuery clone( ) 方法
m0_57835615的博客
06-11 1571
语法格式： $(selector).clone(true[false])
29. 使用clone（）方法复制元素节点
LiGuogang
12-18 802
1. 效果图 2. html代码 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;使用clone（）方法复制元素节点.html&lt;/title&gt; &lt;style type="text/css"&gt; img{border: solid 1px #ccc;p
jQuery笔记
最新发布
family168的博客
08-12 263
关于jquery的学习记录
jQuery中的clone方法
low1101的博客
12-01 223
clone([Even[,deepEven]]) ： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-3.3.1.js" &...
jQuery中的clone()方法
ANFO的博客
11-10 664
该方法的作用就是复制一个一模一样的DOM节点，但是有一点需要注意就是该方法可以传入一个布尔型参数，如果传入true则复制元素的同时也复制元素中的的事件，而如果传入false或者不传入值则插入的按钮没有点击事件 使用示例如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> &...
jQuery中clone方法
faithinmyheart的博客
11-10 166
clone方法：相当于一个比较高级的复制方法，当clone方法返回true时，就是将本体完全复制过来包括本体的所有方法;当返回false时，只复制了表皮，，没有复制其方法(是一个没有领会的复制) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></...
jquery之clone()方法详解
weixin_33869377的博客
10-17 786
clone()函数用于克隆当前匹配元素集合的一个副本，并以jQuery对象的形式返回。你也可以简单地理解为：克隆当前jQuery对象。 你还可以指定是否复制这些匹配元素(甚至它们的子元素)的附加数据( data()函数 )和绑定事件。 该函数属于jQuery对象(实例)。 语法 jQueryObject.clone( withDataAndEvents [, deepWithDataAnd...
jquery的clone方法应用于textarea和select的bug修复
10-25
从给定的内容中可以看出，有开发者创建了一个名为jquery.fix.clone.js的jQuery插件，用于修复clone方法在复制textarea和select元素时的bug。这个插件通过扩展jQuery的fn对象来重写clone方法，使得在复制这些元素后，...
JQuery中clone方法复制节点
10-24
JQuery库中的clone方法是其强大的功能之一，它允许开发者复制文档中的元素节点，进而可以将这些副本插入到DOM的其他位置或进行其他操作。在本知识点中，我们将详细介绍JQuery中clone方法复制节点的使用方法，重点...
jQuery Clone Bug解决代码
10-28
jQuery Clone Bug 解决代码 jQuery Clone Bug 是一个常见的 jQuery bug，导致在...通过以上代码和知识点，我们可以了解到 jQuery Clone Bug 的原因和解决方法，并且掌握了 jQuery 事件机制和 $.data() 方法的使用。
jQuery复制节点用法示例(clone方法)
10-21
主要介绍了jQuery复制节点的方法,结合实例形式分析了clone方法复制节点及appendTo方法追加节点的相关操作技巧,需要的朋友可以参考下
jQuery 文档操作 - clone() 方法
qq_34579060的博客
08-03 477
实例 克隆并追加一个 p 元素： $("button").click(function(){ $("body").append($("p").clone()); }); 定义和用法 clone() 方法生成被选元素的副本，包含子节点、文本和属性。 语法 $(selector).clone(includeEvents) 参数 描述 includeEvents ...
简述jQuery的clone()方法
飞翔的企鹅的博客
11-10 408
介绍 复制指定元素生成新的JQ对象，传入值有两个true和false。 举例 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jqu...
jQuery的克隆方法clone()
weixin_30784501的博客
03-01 328
网页中用到克隆的地方有很多，例如页面滚动到底部时内容动态加载，都可以用克隆来实现。 克隆时一般先把模板单独放出来，并给样式设置为display:none，用jQuery的clone()实现 1 <div class="panel panel-default clone-box"> 2 <div class="pa...
jQuery——clone()方法
桃花扇的博客
03-08 1241
作用：创建一个匹配的元素集合的深度拷贝副本（可拷贝元素样式、属性）
jQuery clone(true)方法
qq_38406852的博客
04-12 1060
clone(true)方法，单击被复制的新元素时，由于它具有原元素的事务处理，因此点击该元素时也会有和旧元素同样的事件发生。 clone()方法，新复制产生的元素不具有任何功能。 ...
jQuery常用方法总结
"这篇文档是关于jQuery方法的总结，涵盖了常用的方法，方便在实际开发中快速查找和使用。" 在JavaScript的世界里，jQuery是一个非常流行的库，它简化了DOM操作、事件处理、动画效果和Ajax交互等多个方面。下面将...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值