jQuery移动与复制dom节点

JavaScript 2012-10-29 jQuery,dom

在做一个项目时,需要dom节点移动,如以下代码:

<div></div>

<p></p>

需要把p标签移动到div标签里,经过测试发现,在jQuery中移动dom节点非常方便:

$('div').append($('p'))

这样即可把p标签移动到div标签里,千万不要写成这样:

$('div').append( $('p').html() )

这样只是把p标签里的内容复制到div标签里。

如果只是复制一份到div标签里,原来的标签还保留着,那么可以这么写:

$('div').append( $('p').clone(true))

在clone()方法中传递了一个参数true,它的含义是复制元素的同时复制元素中所绑定的事件。因此该元素的副本也同样具有复制功能。如果不希望事件也被复制,则可以这么写:

$('div').append( $('p').clone())

非常简单方便!

文字链接:《jQuery移动与复制dom节点

文章地址:http://www.qttc.net/201210231.html

除非标注,琼台博客所有博文均为原创,转载请加文字链接注明来源

乳名?小名?昵称?网名?均可

email,放心,我不会给你乱投广告的

想获得回访就把你的站点URL写上(没有留空)

[NOTICE]木要投放广告
[NOTICE]木要骂人,说不该说的话
[NOTICE]自由言论,但要遵纪守法

Comments 1