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>
最终效果就是