jquery的append（）方法可以在被選中元素的結尾插入內容。這個意思是在該元素上做文章。

ex：

$("p").append("hello,csdn");

after()方法可以在被選中的元素的下方插入內容，該內容重新起一行，

與被選擇的元素並沒有什麼邏輯上的聯絡，也就是說，在有序列表上，

用該方法，新增後並不會緊接上面的序號。

同理，prepend（）和before（）方法。

利用after（）方法來建立和插入元素：

function afterText()
{
    var txt1="<b>I</b>";//通過HTML來建立新的元素
    var txt2=$("<i></i>").text("love");//通過jquery來建立新的元素
    var text3=document.createElement("big");//通過DOM來建立新的元素
    text3.innerHTML="csdn";
    $("img").after(txt1,txt2,text3);//在img之後插入新的元素
}
 

注意，這裡不能使用append（）方法，因為append（）方法是在給定的元素的

結尾追加，而圖片中並不可以。

而使用append（）方法來建立和插入元素可以在段落等中使用，使用的方法同上。