jQuery的before，方法和after

before()和after()都有添加的意思，不过一个是添加在被选元素之前，一个是被选元素之后。

before()方法在被选元素之前插入指定内容。

after()方法在被选元素之后插入指定内容。

这是HTML代码所示：

<p>这是一个段落</p>
<button >before</button>
<button >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()添加的元素与被选元素是兄弟关系