今天要寫的是clone和clone(true)的區別
兩者長得很像呀,clone(true)比clone() 多了一個true。看下圖白白的牙,笑起來就是這么燦爛。有了true就跟笑起來一樣,有了笑這個行為事件。
那么 true這個有什么效果么?
語言描述就是 復制的節點具有行為,比如click啦。
clone(true) 方法 是復制一個元素及其所有事件,
clone() 方法 是復制一個元素,不包含其所有事件。
用下例子描述一下
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <script src="jquery-1.11.1.js"></script> //導入jquery-1.11.1.js 6 <script> 8 function clone_btn(e){ 9 var newbtn=$("#test").clone(true);//如果把true去掉,新復制的test按鈕,就不會在控制台輸出 10 $(e).before(newbtn); 11 } 12 14 window.onload=function(){ 15 $("#test").bind("click",function test_btn(){ 16 console.log("小菊花又盛開了");//按F12在控制台查看效果。 17 }); 18 } 19 </script> 20 <title>Document</title> 21 </head> 22 <body> 23 <input type="button" id="test" value="test" > 24 <input type="button" value="clone" onclick="clone_btn(this)"> 25 <div></div> 26 </body> 27 </html>
最終效果就是