clone() 方法生成被选元素的副本,包含子节点、文本和属性;
$(selector).clone(includeEvents);
所谓includeEvents。可选。布尔值。规定是否复制元素的所有事件处理。
默认地,副本中不包含事件处理器。
下面为大家分享一个clone 包括事件处理器。
(document).ready(function(){(“button”).click(function(){
("body").append(
(“p:first”).clone(true));
});
(“p”).click(function(){(this).animate({fontSize:”+=1px”});
});
});
下面的都是标签。
p点击本段落可以增加文本的大小。事件处理器同样被复制到新的段落。/p
button复制每个 p 元素,然后追加到 body 元素 /button
当然还可以进行加类名的克隆,如果不用p:first。可以用选择器,可以添加类名,但是需要一点注意的是如果只是复制p的话,当点击2下的时候,就是复制了2行P ,就把之前的复制的P又复制了一遍,代码如下:
(document).ready(function(){(“button”).click(function(){
("body").append(
(“p”).clone());
});
});
p This is a paragraph. /p
button 复制每个 p 元素,然后追加到 body 元素 /button
/body
/html
之所以分享克隆的用法,因为我觉得比较方便,而且大多数电商销售网站都需要很多东西去展示,如果学会了克隆的用法,只需要克隆外面的大盒子,然后把里面的字改改就可以了,当然根据情况改改样式。克隆是前端必须要兼备的,在以后的生活中会方便很多。