本文實例講述了jQuery添加新內容的四個常用方法。分享給大家供大家參考，具體如下：

添加新內容的四個 jQuery 方法區別如下：

append() - 在被選元素（里面）的結尾插入內容

prepend() - 在被選元素（里面）的開頭插入內容

//jQuery append() 方法在被選元素的結尾插入內容。$("p").append("Some appended text.");

//jQuery prepend() 方法在被選元素的開頭插入內容。$("p").prepend("Some prepended text.");

通過 append() 和 prepend() 方法添加若干新元素

function appendText(){var txt1="<p>Text.</p>";        // 以 HTML 創建新元素var txt2=$("<p></p>").text("Text.");  // 以 jQuery 創建新元素var txt3=document.createElement("p"); // 以 DOM 創建新元素txt3.innerHTML="Text.";$("p").append(txt1,txt2,txt3);     // 追加新元素}

after() - 在被選元素（外面）之后插入內容

before() - 在被選元素（外面）之前插入內容

$("img").after("Some text after");

$("img").before("Some text before");

通過 after() 和 before() 方法添加若干新元素

function afterText(){var txt1="<b>I </b>";          // 以 HTML 創建新元素var txt2=$("<i></i>").text("love ");   // 通過 jQuery 創建新元素var txt3=document.createElement("big"); // 通過 DOM 創建新元素txt3.innerHTML="jQuery!";$("img").after(txt1,txt2,txt3);     // 在 img 之后插入新元素}

更多關于jQuery相關內容感興趣的讀者可查看本站專題：《jQuery頁面元素操作技巧匯總》、《jQuery常見事件用法與技巧總結》、《jQuery常用插件及用法總結》、《jQuery擴展技巧總結》及《jquery選擇器用法總結》

希望本文所述對大家jQuery程序設計有所幫助。