jquery如何移动dom节点

发布时间:2020-12-01编辑:脚本学堂
有关jquery移动dom节点的方法,移动dom节点:将一个dom节点从一个位置移动到另外一个位置,移动后该dom节点还是只有一个。

如何使用jquery移动dom节点

jquery中移动dom节点与复制dom节点的区别

1、移动dom节点是将一个dom节点从一个位置移动到另外一个位置,移动之后该dom节点还是只有一个。

2、复制dom节点在操作完之后会变成两个。

例如,代码:
 

复制代码 代码示例:
<body>
<div>http://www.jb200.com/article/586.html</div>
<p>jquery dom 操作示例</p>
</body>

将<p>标签移动到<div>标签内:
 

复制代码 代码示例:
$(function(){
  $('div').append($('p'));
});

操作完之后的页面html代码为:
 

复制代码 代码示例:
<body>
<div>http://www.jb200.com/article/586.html<p>jquery dom 操作示例</p></div>
</body>