jQuery的before()方法和after()方法

before()和after()都有添加的意思，不过一个是添加在被选元素之前，一个是被选元素之后。
before()方法在被选元素之前插入指定内容。
after()方法在被选元素之后插入指定内容。
这是HTML代码所示：

<p>这是一个段落</p>
<button id="btn1">before</button>
<button id="btn2">after</button>

jQuery使用before()和after()添加元素

$("#btn1").click(function(){
    $("p").before("<b>这是before插入的段落</b>");
});
$("#btn2").click(function(){
    $("p").after("<b>这是after插入的段落</b>");
});

结果如下
这是before插入的段落
这是一个段落
这是after插入的段落

总结：before()和after()添加的元素与被选元素是兄弟关系