jq 在元素后面或者外部增加HTML代码-CFANZ编程社区

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("#btn0").click(function(){
    $(".tags_tj").prepend("<li class='tags_list'><span>01</span><a></a></li>"); 
  });
  $("#btn1").click(function(){
    $(".tags_tj").after("<li class='tags_list'><span>01</span><a></a></li>"); 
  });

});

</script>
</head>
<body>
<ul >
  <li class="tags_tj"><span></span><input type="text" style="width: 41px; display: none;" class=""></li>
</ul>

<button id="btn0">插入元素里边</button>
<button id="btn1">插入元素外部</button>

</body>
</html>

jquery添加插入元素技巧：
jquery添加分为在指定元素的里面添加和外面添加两种：
里面添加使用（append 和prepend）
里面添加又分为在里面的前面添加和后面添加
里面的前面添加使用
prepend和prependTo
里面的后面添加使用
append 或appendTo

外面添加使用（after和before）
外面添加又分为在外面的前面添加和后面添加
外面的前面添加使用
before或insertBefore
外面的后面添加使用
after或insertAfter