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()添加的元素與被選元素是兄弟關系