[转]jQuery中clone和clone(true)的区别
jquery中clone() 和 clone(true)的区别。
jquery复制 DOM的时候,原来还可以连 dom上面绑定的事件一起复制。
原文: https://www.cnblogs.com/lilicat/p/5359884.html
-------------------------------------------------------------------------------
jQuery中clone和clone(true)的区别
今天要写的是clone和clone(true)的区别
两者长得很像呀,clone(true)比clone() 多了一个true。看下图白白的牙,笑起来就是这么灿烂。有了true就跟笑起来一样,有了笑这个行为事
那么 true这个有什么效果么?
语言描述就是 复制的节点具有行为,比如click啦。
clone(true)  方法  是复制一个元素及其所有事件, 
clone()  方法  是复制一个元素,不包含其所有事件。
用下例子描述一下
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="jquery-1.11.1.js"></script> //导入jquery-1.11.1.js
<script>
function clone_btn(e){
var newbtn=$("#test").clone(true);//如果把true去掉,新复制的test按钮,就不会在控制台输出
$(e).before(newbtn);
}
14 window.onload=function(){
$("#test").bind("click",function test_btn(){
console.log("小菊花又盛开了");//按F12在控制台查看效果。
});
}
</script>
<title>Document</title>
</head>
<body>
<input type="button" id="test" value="test" >
<input type="button" value="clone" onclick="clone_btn(this)">
<div></div>
</body>
</html>
最终效果就是

[转]jQuery中clone和clone(true)的区别的更多相关文章
- jQuery中attr和prop方法的区别说明
		
jquery中attr和prop的基本区别可以理解为:如果是内置属性,建议用prop,如果是自定义的建议用attr. 例如 <input type=check node=123 id=ck & ...
 - jQuery中attr和prop方法的区别
		
jQuery中attr和prop方法的区别。 http://my.oschina.net/bosscheng/blog/125833 http://www.javascript100.com/?p=8 ...
 - jQuery中的bind() live() delegate()之间区别分析
		
jQuery中的bind() live() delegate()之间区别分析 首先,你得要了解我们的事件冒泡(事件传播)的概念,我先看一张图 1.bind方式 $('a').bind('click', ...
 - 深入理解jQuery中live与bind方法的区别
		
本篇文章主要是对jQuery中live与bind方法的区别进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助 注意如果是通过jq添加的层和对象一定要用live(),用其他的都不起作用 ...
 - jquery中的$().each和$.each的区别
		
jquery中的$().each和$.each的区别 注意:jquery中的$().each和$.each的区别,前者只能遍历数组,后者可以遍历数组和对象 备注:sinobook项目中地名本体相关地按 ...
 - jquery中的this与$(this)的区别总结(this:html元素)($(this):JQuery对象)
		
jquery中的this与$(this)的区别总结(this:html元素)($(this):JQuery对象) 一.总结 1.this所指的是html 元素,有html的属性,可用 this.属性 ...
 - jquery中this与$(this)的用法区别
		
jquery中this与$(this)的用法区别.先看以下代码: $("#textbox").hover( function() { this.title = "Test ...
 - jquery 中 html与text函数的区别
		
jquery 中 html与text函数的区别 共同点:它们都能讲函数中的参数渲染到页面中: 异同点: text() 只是简单的讲参数的内容写入到页面中: html() 会根据参数的值,判断是否字体符 ...
 - 前端开发入门到进阶附录一【JQuery中parent(),parents(),parentsUntil()区别和使用技巧】
		
JQuery中parent(),parents(),parentsUntil()区别和使用技巧:https://blog.csdn.net/china1223/article/details/5193 ...
 - JQuery中$.each 和$(selector).each()的区别详解
		
PS:晚上在写页面时,发现了一个问题,$.each 和$(selector).each()有哪些区别?百度搜索关键词,首页显示出来一些前人的经验,总结一下,发上来. 1.$(selector).eac ...
 
随机推荐
- idea配置web项目启动的详细说明
			
每次用完一个编辑器以后 ,再换另一个编辑器使用 过段时间再回来使用idea,总是会忘记些什么 ,毕竟每个编辑器的风格和结构都有所区别 特此记下笔记 方便以后查看 图片文字看不清的 请在图片上 ...
 - 归并排序(Java实现)
			
package sort; public class MergeSort { static void msort(int []a,int start,int end){ int mid=(start+ ...
 - ASP.NET  页面执行顺序
			
1.对象初始化(Onlnit方法) 页面中的控件(包括页面本身)都是在它们最初的form中被首次初始化的,通过在aspx页面的后台代码文件的构造器中声明你的对象,页面将知道对象的类型,并知道需要创建多 ...
 - mybatis相关知识
			
@param解释为映射mapper.xml中的传参 mybatis中批量新增时用foreach循环,注意其中的collection属性,有list,数组 注意foreach中sql函数的写法,orac ...
 - elementui command绑定变量对象方法
			
command绑定变量对象方法 使用v-bind : command绑定 简写 :command
 - @Transactional spring 配置事务 注意事项
			
1. 在需要事务管理的地方加@Transactional 注解.@Transactional 注解可以被应用于接口定义和接口方法.类定义和类的 public 方法上 . 2. @Transaction ...
 - 从零搭建 ES 搜索服务(五)搜索结果高亮
			
一.前言 在实际使用中搜索结果中的关键词前端通常会以特殊形式展示,比如标记为红色使人一目了然.我们可以通过 ES 提供的高亮功能实现此效果. 二.代码实现 前文查询是通过一个继承 Elasticsea ...
 - Go语言为何说它优雅?-- Golang中的几个常用初始化设计
			
对象池化设计: 将池对象通过Channel方式进行借出与还入,利用Go本身的特性还能实现更多限定需求.比如利用select的分支可以进行优雅的限流.超时熔断等操作. 思路:将需要池化的对象通过Ch ...
 - Java中的泛型   --- Java 编程思想
			
前言  我一直都认为泛型是程序语言设计中一个非常基础,重要的概念,Java 中的泛型到底是怎么样的,为什么会有泛型,泛型怎么发展出来的.通透理解泛型是学好基础里面中非常重要的.于是,我对<Ja ...
 - fdisk
			
fdisk管理分区 参数 作用 m ...