方法：1、使用append()在被选元素的结尾插入内容节点；2、使用prepend()在被选元素的开头插入内容节点；3、使用appendto()在被选元素的结尾插入元素节点；4、使用prependto()在被选元素的开头插入元素节点。
本教程操作环境：windows10系统、jquery2.2.4，本文适用于所有品牌的电脑。
相关推荐：《jQuery视频》
jquery添加节点的方法
就拿这个简单的小例子说明一下
1、append方法
<body>
<div>我是里面的div</div>
<p>我是外面p</p><div class="aritcle_card flexRow">
<div class="artcardd flexRow">
<a class="aritcle_card_img" href="/xiazai/js/2256" title="jQuery点击添加快捷留言表单代码"><img
src="https://img.php.cn/upload/jscode/000/000/001/5a8f877a2f969146.png" alt="jQuery点击添加快捷留言表单代码" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a href="/xiazai/js/2256" title="jQuery点击添加快捷留言表单代码">jQuery点击添加快捷留言表单代码</a>
<p>jQuery点击添加快捷留言表单代码</p>
</div>
<a href="/xiazai/js/2256" title="jQuery点击添加快捷留言表单代码" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
</div>
</div>
</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> 
好了~以上便是添加节点的几个方法，都可以用，不过具体项目中可以根据情况来具体使用！
更多编程相关知识，请访问：编程入门！！
