正文
jquery的clone,jquery概述
小程序:扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序
【扫一扫了解最新限行尾号】
复制小程序
jQuery中clone和clone的区别
你说的应该是
clone() 和 clone(true) 的区别吧
clone() 生成被选元素的副本,包含子节点、文本和属性
clone(true) 在clone的技术上,复制元素的所有事件处理
参数可以是true和false 不填默认是false
jquery里怎么用clone给表格增加一行
你想要的效果是,表格的每一行后面有个“添加”按钮,点击按钮后,会自动复制当前行,添加到当前行的后面,这个效果吧?
假设,我们有这样一个table表格:
table id="table"
tr
td内容1/td
td
button class="addtr"添加/button
button class="deltr"删除/button
/td
tr
/table
用jquery来实现“添加”和“删除”的功能:
下面这个是添加:
$("#table").on("click","button.addtr",function(){
var $tr=$(this).parents("tr");
$tr.append($tr.clone());
});
下面是删除:
$("#table").on("click","button.deltr",function(){
var $tr=$(this).parents("tr");
$tr.remove();
});
可以参考这里,有完整的在线实例演示:
query实例:表格里点击按钮后添加一行,新添加的行附带删除按钮
JQuery中的clone方法。
[html]viewplaincopyCloneMe!(1)这个例子中clone,clone(true)的区别在于,clone(ture)除了克隆集合,还会克隆click句柄(2)现象就是:clone的CloneMe!无法继续点击克隆。但是clone(true)出来的CloneMe!可以继续克隆,和原本按钮没有区别。