本文實例講述了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程序設計有所幫助。
新聞熱點
疑難解答
