JQuery clone 与 clone(true) 的区别

最新推荐文章于 2023-06-16 20:53:39 发布
最新推荐文章于 2023-06-16 20:53:39 发布
阅读量790 收藏
点赞数 
<html>
<head>
<script src="jquery-1.4.3.js" type="text/javascript"></script>
  
<script>
$(document).ready(function(){
  
$("button").click(function(){
$(this).clone(true).insertAfter(this);
});
  
});
</script>
    
</head>
<body>
<button>Clone Me!</button>
</body>
</html></span>

运行发现clone的 Clone Me! 无法继续点击克隆。但是clone(true)出来的 Clone Me! 可以继续克隆，和原本按钮没有区别。
所以clone();只是单纯的复制,复制后的节点 不具备 任何行为

clone( true ) ,它的含义是 复制元素的同时，复制元素中所绑定的事件

 

H丶Gorden
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
巧妙使用JQuery Clone 添加多行数据，并更新到数据库的实现代码
01-21
@ Page Language=”C#” AutoEventWireup=”true” CodeFile=”BatchAdd.aspx.cs” Inherits=”BatchAdd” %> <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...
jQuery中clone()函数实现表单中增加和减少输入项
12-11
之前一直没有深入了解到clone()...得出未object对象类型，若$(选择器)包含了某个触发，如 onclick，如果想copy_html继续沿用onclick方法，只需添加true：clone(true)使用。 直接上图： 点击“+”,拷贝自身，并在自身之
jQuery clone( ) 方法
m0_57835615的博客
06-11 1517
语法格式： $(selector).clone(true[false])
jQuery-----克隆节点（clone（true））
DcTbnk的博客
04-28 254
jquery之clone()方法详解
weixin_33869377的博客
10-17 708
clone()函数用于克隆当前匹配元素集合的一个副本，并以jQuery对象的形式返回。你也可以简单地理解为：克隆当前jQuery对象。 你还可以指定是否复制这些匹配元素(甚至它们的子元素)的附加数据( data()函数 )和绑定事件。 该函数属于jQuery对象(实例)。 语法 jQueryObject.clone( withDataAndEvents [, deepWithDataAnd...
jQuery之克隆节点clone()
最新发布
06-16 672
【代码】jQuery之克隆节点clone()
jquery clone(true)和clone()的区别
小虎哥－把不可能的变成可能
07-26 184
jquery clone(true)和clone()的区别  clone(true)方是复制一个元素及其所有事件， clone()方法是复制一个元素，不包含其所有事件 
jquery动态添加删除一行数据示例
12-02
代码如下: <... <head> <title>添加、删除一行<... [removed][removed] [removed] $(function() { $(“#addOneRow”).click(function() { var tempTr = $(“tr:first”).clone(true)
jquery实现标签上移、下移、置顶
01-19
1、先用到的克隆方法.clone(true):  即把当前要移动的项先保存好，备于后用。 2、找到当前标签所对应的相关元素及其相关方法：  如：.prev()当前元素上面的标签  .next()当前元素下面的标签  .after()xxx之后...
jquery五角星评分效果代码
04-14
self.opt = $.extend(true, {}, $.fn.raty.defaults, settings); $this.data('settings', self.opt); self.opt.number = methods.between(self.opt.number, 0, 20); if (self.opt.path.substring(self.opt....
clone()与clone(true)的用法
weixin_30535167的博客
07-12 373
clone() 方法生成被选元素的副本，包含子节点、文本和属性。 使用 clone(true) 方法在clone()的基础上还包括克隆元素的事件处理器。 转载于:https://www.cnblogs.com/xinxinmifan/p/clone_thing.html...
jQuery 文档操作 - clone() 方法
生活中的思索
09-12 1200
clone( [withDataAndEvents ] ):创建一组匹配元素的深层副本 withDataAndEvents :一个布尔值，指示是否应复制克隆元素的所有子代的事件处理程序和数据。默认情况下，它的值与第一个参数的值匹配（默认值为false）。clone（）方法执行匹配元素集的深层拷贝，这意味着它会复制匹配的元素以及其所有后代元素和文本节点。注意：出于性能原因，某些表单元素（例如，输入到
js实现深浅克隆
woshiliyuwang的博客
10-31 176
js实现深浅克隆 浅克隆：基本数据类型，则直接赋值，引用类型，则赋值的是地址。引用类型引用的是同一块地址，所以其中一方改变时，另一方也会改变 深克隆：基本数据类型，则直接赋值，引用类型创建一个新的空对象，开辟一块内存，然后将原对象中的数据全部复制过去，完全切断两个对象间的联系。 实现：定义函数将其挂载到Object的原型上，传入标记判断深浅克隆，然后判断判断其类型标记是否深克隆，基本类型直接返回，引用类型遍历每一项的值递归调用自己。 代码如下 Object.prototype.clone
【jQuery】clone(false)与clone(true)
景谦Nice的博客
11-29 597
clone(false)：浅拷贝，只拷贝标签本身，JavaScript中绑定的事件并不拷贝 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>clone(false)</title> <script src="js/jquery-3.3....
jQuery中clone方法
faithinmyheart的博客
11-10 154
clone方法：相当于一个比较高级的复制方法，当clone方法返回true时，就是将本体完全复制过来包括本体的所有方法;当返回false时，只复制了表皮，，没有复制其方法(是一个没有领会的复制) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></...
jQuery--复制节点clone()详解
吴声子夜歌的博客
10-02 4443
复制节点 节点复制也是常见的DOM操作，例如，在实现购物车时使用鼠标将商品拖拽到购物车中，商品的拖拽功能就可以使用节点的复制来实现。 在jQuery中提供了clone()方法，用于复制DOM节点（包含节点中的子节点、文本节点和属性节点），其语法格式如下： $(sselector).clone(includeEvents, [deepEvents]) $(selector)：表示需要复制的节点元...
jQuery clone(true)方法
qq_38406852的博客
04-12 1045
clone(true)方法，单击被复制的新元素时，由于它具有原元素的事务处理，因此点击该元素时也会有和旧元素同样的事件发生。 clone()方法，新复制产生的元素不具有任何功能。 ...
jquery clone 与 clone(true) 的区别
weixin_30947043的博客
07-09 65
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="jquery-1.4.3.js" type="text/java...
jQuery——clone()方法
桃花扇的博客
03-08 1210
作用：创建一个匹配的元素集合的深度拷贝副本（可拷贝元素样式、属性）
jquery的clone
03-30
方法是用于复制元素及其子元素，同时也会复制元素的事件和数据。 语法： ```javascript $(selector).clone(deepCopy) ``` 参数： - selector：必需，要复制的元素。 - deepCopy：可选，一个布尔值，表示是否要深度复制。默认为 false，只复制元素本身，不复制子元素。如果设置为 true，则会复制子元素。 返回值： - 返回新复制的元素。 示例： ```html <div id="box"> <p>Hello World!</p> </div> ``` ```javascript // 只复制元素本身 var $cloneBox = $('#box').clone(); console.log($cloneBox); // <div id="box"></div> // 深度复制 var $deepCloneBox = $('#box').clone(true); console.log($deepCloneBox); // <div id="box"><p>Hello World!</p></div> ``` 注意事项： - 使用 clone 方法复制的元素和原始元素具有相同的 ID，这可能会导致 ID 冲突。应该避免使用相同的 ID。 - 复制的元素会脱离文档流，需要手动将其插入到文档中。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值