方法:1、使用append()在被选元素的结尾插入内容节点;2、使用prepend()在被选元素的开头插入内容节点;3、使用appendTo()在被选元素的结尾插入元素节点;4、使用prependTo()在被选元素的开头插入元素节点。
本教程操作环境:windows10系统、jquery2.2.4,本文适用于所有品牌的电脑。
相关推荐:《jQuery视频》
jquery添加节点的方法
就拿这个简单的小例子说明一下
1、append方法
我是里面的div我是外面p
$(function(){ $("div").append($("p"));//添加到元素内容的后面 })
登录后复制
2、prepend方法
我是里面的div我是外面p
$(function(){ $("div").prepend($("p"));//添加到元素内容的前面 })
登录后复制
3、appendTo方法
我是里面的div我是外面p
$(function(){ $("p").appendTo($("div"));//子元素添加到父元素里,并且添加到父元素内容的后面面 })
登录后复制
4、prependTo方法
我是里面的div我是外面p
$(function(){ $("p").prependTo($("div"));//子元素添加到父元素里,并且添加到父元素内容的前面 })
登录后复制
5、after方法
我是里面的div我是外面p
$(function(){ $("div").after($("p"));//添加到自己的后面 })
登录后复制
6、before方法
我是里面的div我是外面p
$(function(){ $("div").before($("p"));//添加到自己的前面 })
登录后复制
好了~以上便是添加节点的几个方法,都可以用,不过具体项目中可以根据情况来具体使用!
更多编程相关知识,请访问:编程入门!!
以上就是jquery如何添加节点?的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2723312.html