jq中的克隆用法

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

之所以分享克隆的用法,因为我觉得比较方便,而且大多数电商销售网站都需要很多东西去展示,如果学会了克隆的用法,只需要克隆外面的大盒子,然后把里面的字改改就可以了,当然根据情况改改样式。克隆是前端必须要兼备的,在以后的生活中会方便很多。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值