热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

jquery移动dom节点的方法总结

注意移动dom节点和复制dom节点是两回事,移动dom节点是将一个dom节点从一个位置移动到另外一个位置,移动之后该dom节点还是只有一个。而复制dom节点在操作完之后会变成两个。下面还是通过几个实例做一下解释说明吧。
注意移动dom节点和复制dom节点是两回事,移动dom节点是将一个dom节点从一个位置移动到另外一个位置,移动之后该dom节点还是只有一个。而复制dom节点在操作完之后会变成两个。下面还是通过几个实例做一下解释说明吧。

假设页面有如下代码段

查看代码
1  

2
   

3

jquery dom 操作示例

 

4
现在需要将

标签移动到

标签内,那么可以如下操作

查看代码
1 $(function(){  

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

3 });
操作完之后的页面html代码会变为下面这个样子

查看代码
1  

2

jquery dom 操作示例

 

3
这里补充说明一下js对dom节点的操作方法常用的有 append,appendTo,prepend,prependTo,after,before,insertAfter,insertBefore 这些方法。


推荐阅读
author-avatar
somnus
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有