当前位置:首页 > 日记 > 正文

用jQuery复制DOM节点的方法

用jQuery复制DOM节点的方法
本文演示了用jQuery复制DOM节点的方法,供大家参考,具体分析如下:

复制节点也是常用的DOM操作之一。例如,许多购物网站,用户不仅可以点击选择按钮下面的商品,购买相应的产品,而且通过鼠标拖动物品放进购物车,商品的拖动功能是使用复制节点复制到用户选择的节点元素一次,他们随着鼠标移动,从而达到购物的影响。

HTML DOM的结构如下所示:
欢迎访问

PHP编程容易理解
易于理解的C程序设计
易于理解的Javascript编程
易于理解的jQuery编程
如果单击元素复制一个元素,则可以使用克隆()方法来完成它。

jQuery代码如下所示:
$(函数(){())
$(。nm_ul李)。Click(function(){)
$(这)。Clone(真),AppendTo(。nm_ul );
复制当前节点单击,它将被添加到元素中。
})
});
单击页面上的一个随机项后,新节点会出现在列表的底部。

复制节点时,复制的新元素没有任何行为。如果您需要一个新元素具有复制功能(在本例中是单击事件),您可以使用以下jQuery代码:
Click(函数(){)
$(this).Clone (true).AppendTo (UL); / / Note parameter true
您可以复制自己,而他的对应者则具有相同的功能。
})
在克隆()方法中传递一个参数真值,这意味着复制元素并复制元素中绑定的事件。因此元素的拷贝也有一个复制函数(在本例中是单击事件)。

希望本文能对大家的jQuery程序设计有所帮助。

相关文章

表WPS固定宽度表教程WPS教程

表WPS固定宽度表教程WPS教程

教程,固定宽度,电脑软件,WPS,这个WPS表格宽度固定的教程是萧边特意为大家整理的,希望对大家有帮助! 在日常工作中,有时我们需要在表2013中列一个单元格的宽度,固定WPS单元,不要让它只是调整,特别是在这里如何操作它来详细解释。 1,选择单元格,单击…

Javascript中的小()方法使用了详细的解决方

Javascript中的小()方法使用了详细的解决方

解决方案,方法,使用了,详细,电脑软件,这个方法使它显示在一个小字体中,就好像它是一个带标记的字符串一样。 语法 String.small() 下面是参数的详细信息: Na 返回值: 返回的字符串标签 实例uff1a javascript字符串小()方法 新字符串(Hello); 警报(str.…

水蓝色的儿童节泡沫特征PS图象处理

水蓝色的儿童节泡沫特征PS图象处理

图象处理,泡沫,特征,软件设计,儿童节,效果图由表面和立体表面两部分组成,表面特征类似于层效应中的气泡效应,表面与表面特征进行复制,稍加修改图层混合模式,加上简单图层样式。 效果图由表面和立体表面两部分组成,表面特征类似于层效应中的气泡…

如何使文本变形PS成为文本方法

如何使文本变形PS成为文本方法

变形,文本方法,文本,电脑软件,PS,在许多宣传页设计我们看到许多文本,通过变形会给人一种视觉上的冲击,所以变形特征是怎么弄出来的,如何使文字变形后萧边介绍PS产生歪曲的文字,看看吧 当看到其他人使用ps制作可变形文本时,小伙伴会感到非常新和…

对Javascript中对象的深入理解

对Javascript中对象的深入理解

对象,电脑软件,Javascript,Javascript是一种面向对象编程语言,一种编程语言可以称为面向对象,它为开发人员提供了四种基本功能: 封装——与存储相关的信息,无论是数据、方法还是对象 聚合—将一个对象存储到另一个对象的内部。 继承类的能力依赖于另…

画家绘画:人物性格的五个细节分析

画家绘画:人物性格的五个细节分析

画家,人物性格,细节,电脑软件,本教程是向你介绍画家人物画的要点。教程仍然是开放的,教程非常实用。这也是非常经典的。非常感谢gxiaoman成员共享。我愿意帮助你。 本教程是向你介绍画家人物画的要点。教程仍然是开放的,教程非常实用。这也是…

Excel2007删除重复行和重复数据的

Excel2007删除重复行和重复数据的

方法,删除,重复数据,教程,电脑软件,现在是在重复数据删除和一个很简单的事情,直接与删除重复项功能。 选择数据选项卡,然后单击排序并过滤在该区域;删除重复按钮。…

四种flash动画制作方法ppt,ppt制作

四种flash动画制作方法ppt,ppt制作

动画制作,方法,四种,制作教程,电脑软件,现在许多学科经常要做一些研究或调查报告。使用PowerPoint是个好主意。 很多时候,我们需要添加一些Flash动画来让我们的幻灯片更生动、更漂亮、更有说服力,但是PowerPoint并不能提供直接的功能,比如插入…

对setmonth使用详解()方法在Javascript

对setmonth使用详解()方法在Javascript

方法,详解,电脑软件,setmonth,Javascript,Javascript date.setmonth()方法设置指定的日期在当地时间。 语法 date.setmonth(monthvalue dayvalue {,}) 注意:内外括号和数据都是可选的。 下面是参数的详细信息: monthvalue:从0到11的整数(一个月,从一月…

使用的字体颜色()在Javascript处理字符串的

使用的字体颜色()在Javascript处理字符串的

字符串,方法,字体颜色,电脑软件,Javascript,此方法将使其看起来像是在指定颜色标记中的字符串中显示的。 语法 String.fontcolor(彩色) 下面是参数的详细信息: 颜色的颜色:字符串是十六元RGB三元或作为字符串。 返回值: 字符串表示的颜色为…

QQ空间个人中心是什么QQ常见问题

QQ空间个人中心是什么QQ常见问题

常见问题,空间,中心,电脑软件,QQ,1,个人中心是QQ空间最重要的信息平台。它包含了各种各样的信息,包括各种各样的朋友,最近的访客和进入太空的每一个应用程序。 2,主要集中在空间所有者上。所有信息和操作都是围绕空间所有者提供的。当然,它也聚…

Excel2003菜单栏添加一个常用文档

Excel2003菜单栏添加一个常用文档

菜单,菜单栏,文档,教程,栏上,一个Excel2003文档的菜单栏由9个菜单栏,通常用来执行一个函数的名字。但是今天我们要教你如何添加一个菜单命令。通过添加菜单命令栏,您可以快速访问我们常用的一些表单文件,这样您就不必使用一些文档来手动查找它…