小编给大家分享一下jquery添加节点的方法，希望大家阅读完这篇文章后大所收获，下面让我们一起去探讨吧！
方法：1、使用append()在被选元素的结尾插入内容节点；2、使用prepend()在被选元素的开头插入内容节点；3、使用appendTo()在被选元素的结尾插入元素节点；4、使用prependTo()在被选元素的开头插入元素节点。
jquery添加节点的方法
就拿这个简单的小例子说明一下
1、append方法
<body>
<div>我是里面的div</div>
<p>我是外面p</p>
</body>
<script>
$(function(){
$("div").append($("p"));//添加到元素内容的后面
})
</script>
2、prepend方法
<body>
<div>我是里面的div</div>
<p>我是外面p</p>
</body>
<script>
$(function(){
$("div").prepend($("p"));//添加到元素内容的前面
})
</script>
3、appendTo方法
<body>
<div>我是里面的div</div>
<p>我是外面p</p>
</body>
<script>
$(function(){
$("p").appendTo($("div"));//子元素添加到父元素里,并且添加到父元素内容的后面面
})
</script>
4、prependTo方法
<body>
<div>我是里面的div</div>
<p>我是外面p</p>
</body>
<script>
$(function(){
$("p").prependTo($("div"));//子元素添加到父元素里,并且添加到父元素内容的前面
})
</script>
5、after方法
<body>
<div>我是里面的div</div>
<p>我是外面p</p>
</body>
<script>
$(function(){
$("div").after($("p"));//添加到自己的后面
})
</script>
6、before方法
<body>
<div>我是里面的div</div>
<p>我是外面p</p>
</body>
<script>
$(function(){
$("div").before($("p"));//添加到自己的前面
})
</script>
看完了这篇文章，相信你对jquery添加节点的方法有了一定的了解，想了解更多相关知识，欢迎关注天达云行业资讯频道，感谢各位的阅读！