`
tianjun309
  • 浏览: 360295 次
  • 性别: 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 1.4.1 中文参考

    6.6.2 clone(true) 107 7. CSS 107 7.1 CSS 107 7.1.1 css(name) 107 7.1.2 css(properties) 108 7.1.3 css(name, value) 108 7.1.4 css(name, function(index, value)) 109 7.2 位置 110 7.2.1 offset() 110 7.2.2 ...

    巧妙使用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 1.5 API 中文版

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

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

    之前一直没有深入了解到clone()...得出未object对象类型，若$(选择器)包含了某个触发，如 onclick，如果想copy_html继续沿用onclick方法，只需添加true：clone(true)使用。 直接上图： 点击“+”,拷贝自身，并在自身之

    jQuery详细教程

    提示：jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合。在本教程接下来的章节，您将学习到更多有关选择器的语法。 文档就绪函数 您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready ...

    JQuery1.3笔记.txt

    $("元素名称").clone(布尔表达式) 当布尔表达式为真时，克隆元素（无参时，当作true处理） $("元素名称").empty() 将该元素的内容设置为空 $("元素名称").insertAfter(content); 将该元素插入到content之后 $("元素...

    Jquery 1.3 简体中文手册

    clone(true) 筛选 过滤 eq(index) hasClass(class) filter(expr) filter(fn) is(expr) map(callback) not(expr) slice(start, [end]) 查找 add(expr) children([expr]) closest([expr]) contents() ...

    JQuery 1.3 中文参考手册

    clone(true) 筛选 过滤 eq(index) hasClass(class) filter(expr) filter(fn) is(expr) map(callback) not(expr) slice(start, [end]) 查找 add(expr) children([expr]) closest([expr]) contents() ...

    基于jQuery实现表格数据的动态添加与统计的代码

    使用jQuery可以大大减轻工作量,在实际开发中,使用了jQuery的clone(true)函数,该函数可以创建一个jQury对象的副本,并且参数为true时,可以复制该元素的所有事件处理函数。

    jQuery开发技巧

    25大实用的jQuery技巧和解决方案 1 去除页面的右键菜单 $ document ready function { $ document bind &quot;contextmenu&quot; function e { return false; } ; } ; 2 搜索输入框文字的消失 当鼠标获得焦点 ...

    jQuery1.4 API

    replaceAll(selector) 删除 empty() remove([expr]) detach([expr]) 复制 clone() clone(true) 筛选过滤 eq(index) first() last() hasClass(class) filter(expr | fn) is(expr) map(callback) has(expr) not(expr) ...

    使用jquery为table动态添加行的实现代码

    这里，用的jquery来做的。关键代码如下： 代码如下: //添加數據行； function AddRow(){ var vTb=$(“#TbData”);... //得到表格中的第一行数据 var vTrClone=vTr.clone(true);//创建第一行的副本对象vTrClon

    jquery+事件方法大全

    Dom： Attribute： $("p").addClass(css 中定义的样式类型); 给某个元素添加样式 $("img").attr({src:"test...$("元素名称").clone(布尔表达式) 当布尔表达式为真时，克隆元素（无参时，当作true处理） 。。。。。。

    jquery五角星评分效果代码

    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....

    图形jquery.gvChart-1.0.1.min.js

    * jQuery.print, version 1.3.2 * (c) Sathvik Ponangi, Doers' Guild * Licence: CC-By (http://creativecommons.org/licenses/by/3.0/) *------------------------------------------------------------------...

    js克隆对象、数组的常用方法介绍

    JQuery的方法： 深复制【可以迭代】：var newJson = jQuery.extend(true,{}, json); 浅复制【不能迭代】：var newJson = jQuery.extend({}, json); var newJson = $.map(json,function (n) { return n; }); 数组的...

    CakePhp3-PhotoCrop:使用 jquery JCrop 并将画布元素的文件上传到本地 webroot 文件夹的插件

    CakePHP 的 PhotoCrop 插件 要求 CakePHP 3.0.0 或更高版本 ...JCrop (jquery 插件 v0.9.12) 版权和许可 ... 版权所有(c) 2015 - Ernest ... Plugin :: load ( 'PhotoCrop' , [ 'bootstrap' =&gt; false , 'routes' =&gt; true ]

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