使用before(content)和after(content)方法可以在元素的前后插入内容。
参数content表示插入的内容,该内容可以是元素或HTML字符串。
它们分别表示在整个元素的前面和后面插入指定的元素或内容,这是和append()以及appendTo()的区别。
after是在该元素后面插入新的内容。两者是同级;
appendTo是插入到content内部是父级和子级的关系。
<body>
<h3>after()方法在元素之后插入内容</h3>
<span class="green">我们交个朋友吧!</span>
<script type="text/javascript">
var $html = "<span class='red'>兄弟。</span>"
$(".green").after($html);
</script>
</body>
结果是: