`
tianjun309
  • 浏览: 371109 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

jquery clone 与 clone(true) 的区别

jQueryJavaScriptHTML 
阅读更多 
  <!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/javascript"></script>  
      
    <script>  
    $(document).ready(function(){  
        
      $("button").click(function(){  
        $(this).clone(true).insertAfter(this);  
      });  
    
    });  
    </script>  
      
  </head>  
  <body>  
    <button>Clone Me!</button>  
  </body>  
  </html>

 

（1）这个例子中 clone , clone(true)的区别在于，clone(ture)除了克隆集合，还会克隆click句柄

（2）现象就是：clone的 Clone Me! 无法继续点击克隆。但是clone(true)出来的 Clone Me! 可以继续克隆，和原本按钮没有区别。

 

分享到：
| jquery_study_all and jquery_api and jque ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jQuery Clone Bug解决代码

    jQuery Clone Bug 解决代码 jQuery Clone Bug 是一个常见的 jQuery bug，导致在克隆 DOM 元素时，事件处理函数被无限递归调用。下面是解决该 bug 的代码和相关知识点。 事件绑定和 $.data() 方法 在 jQuery 中，...

    JQuery中clone方法复制节点

    在本知识点中，我们将详细介绍JQuery中clone方法复制节点的使用方法，重点讲解浅克隆与深克隆的区别，并通过实例来加深理解。 首先，clone方法的基本语法如下： ```javascript $(selector).clone([deepCopy]); ```...

    jQuery中clone()方法用法实例

    jQuery中的clone()方法是一个非常实用的工具，它能够帮助开发者复制DOM元素及其绑定的事件处理器，以便在页面上实现动态内容的增加或替换。本文档详细介绍了clone()方法的用法，包括它的定义、功能以及如何运用它来...

    jQuery中clone()函数实现表单中增加和减少输入项

    在jQuery中，`clone()`函数是一个非常实用的功能，它用于复制匹配元素集合中的所有元素，包括它们的子元素。...在编写这类交互式表单时，理解`clone()`函数的工作原理以及如何与DOM元素的事件处理程序配合至关重要。

    JQuery拖拽使用文档

    在实现拖拽效果时，我们需要引入 jQuery UI 的相关库，包括 `jquery.ui.core`, `jquery.ui.widget`, `jquery.ui.mouse`, `jquery.ui.draggable` 和 `jquery.ui.droppable`。 `jquery.ui.draggable` 是实现拖动行为...

    前端项目-clone.zip

    4. 第三方库：如lodash的_.cloneDeep或jQuery的$.extend(true, {}, obj)，这些库提供了更稳定、全面的深度克隆功能，可以处理各种复杂情况。 在“clone-master”这个压缩包中，很可能包含了实现深度克隆的代码示例...

    关于jquery克隆，给元素赋值详解

    值得注意的是，jQuery的`clone()`方法默认不复制事件绑定，如果需要复制事件，可以传递`true`作为参数： ```javascript var clonedElementWithEvents = $("#myElement").clone(true); ``` 接下来，我们谈谈如何为...

    jquery要点分析

    var $clone = $('.original').clone(true); $clone.insertBefore('.original'); ``` 5. 显示与隐藏：`.show()`, `.hide()`, 和 `.toggle()`方法用于切换元素的可见性。`.fadeIn()`, `.fadeOut()`, 和 `.slideToggle...

    我的JQuery笔记.doc

    7. 克隆元素：$.clone(true)，克隆元素并可选择性地复制绑定的事件。 8. 清空元素内容：$.empty()，清除元素内的所有子元素。 四、DOM操作与属性 1. 判断类是否存在：$.hasClass("class")，返回元素是否使用了特定...

    Jquery节点插入、复制和替换方法

    var clonedElement = $("#myElement").clone(true); ``` 这种方法非常有用，特别是在需要完全复制元素连同其行为时。 #### 三、替换 JQuery提供了两种替换DOM节点的方法：`replaceWith()`和`replaceAll()`。 ###...

    JQ 复制节点

    在jQuery中，有两个主要的方法用于复制节点：`.clone()`和`.clone(true)`。它们之间的区别在于是否复制绑定的事件。`clone()`方法默认只会复制元素本身和其内部结构，不包括事件处理程序。而`clone(true)`则会同时...

    jQuery第4天知识点：jQuery节点操作、jQuery特殊属性操作、jQuery事件机制.zip

    3. 属性值的计算：`.width()`和`.height()`返回元素的宽度和高度，`.innerWidth()`和`.innerHeight()`包括内边距，`.outerWidth()`和`.outerHeight()`包含边框，`.outerWidth(true)`和`.outerHeight(true)`还包含...

    巧妙使用JQuery Clone 添加多行数据，并更新到数据库的实现代码

    @ Page Language=”C#” AutoEventWireup=”true” CodeFile=”BatchAdd.aspx.cs” Inherits=”BatchAdd” %&gt; &lt;!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...

    jQuery性能优化（转）

    复制元素时，使用`.clone(true)`可以保留事件绑定。 11. **缓存DOM查询**：对于经常需要访问的元素，可以使用`.data()`存储查询结果，避免重复查找。 12. **利用CSS3动画**：jQuery的动画效果实际上是通过改变CSS...

    jQuery复制节点用法示例(clone方法)

    jQuery是一个快速、小巧、功能强大的JavaScript库。...此外，还可以查阅相关的专题文章，如《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》等，以便进一步提升自己的jQuery技能水平。

    jQuery 1.5 API 中文版

    $.jQuery( selector [, context] ), .jQuery( element ), .jQuery( elementArray ), .jQuery( jQueryObject ), .jQuery( ) $.jQuery( html [, ownerDocument] ), .jQuery( html, props ) $.jQuery( fn ) jQuery ...

    jqueryui-API(最完整)

    `proxy` 可以定义拖动时的代理元素，可以是 'clone' 或自定义函数返回的 jQuery 对象。`revert` 选项决定在松开鼠标后，元素是否回到初始位置。 此外，EasyUI 还提供了其他组件，如 Droppable（可放置目标）、...

    jquery实现115网盘首页.zip

    按钮的禁用与启用可以通过`.prop('disabled', true/false)`控制，防止用户在数据未正确填写时提交表单。 在注册过程中，通常会涉及到Ajax异步请求，jQuery的`.ajax()`方法为此提供了便利。例如，当用户点击注册按钮...

    jquery 冻结表头的代码。 我试过了，很好用。

    3. **DOM操作**：`clone(true)`克隆表格头元素并保留其事件绑定，`append()`将克隆的表头添加到适当位置，`css()`调整克隆表头的位置和样式。 4. **计算位置**：使用`scrollTop()`和`offset()`等方法来获取和设置...

Magicbox
Global site tag (gtag.js) - Google Analytics