成都网站建设设计

将想法与焦点和您一起共享

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!可以继续克隆,和原本按钮没有区别。


网页题目:jquery的clone,jquery概述
网站网址:http://chengdu.cdxwcx.cn/article/dsdephj.html