使用jQuery，很容易增加新的元素/內容。
添加新的HTML內容
我們將著眼於被用來添加新的4個內容與jQuery方法：
- append() -插入內容的選定元素的末尾
- prepend() -插入內容的選定元素的開始
- after() -選擇的元素後插入內容
- before() -所選元素之前插入內容
jQuery的append()方法
jQuery的append()方法插入內容在所選擇的HTML元素的結束。
jQuery的prepend()方法
jQuery的prepend()方法插入內容在所選擇的HTML元素的開始。
添加幾個新元素有了append()和prepend()
在以上兩個例子中，我們只在選定的HTML元素的開始/結束插入的一些文本/ HTML。
然而，無論是append()和prepend()方法可採取新的元素作為參數的無限數量。 新的元素可以與文本/ HTML來生成（如我們在上述實施例中已經做了），與jQuery，或者與JavaScript代碼和DOM元素。
在下面的例子中，我們創造了一些新的元素。 這些元素用文本/ HTML，jQuery和JavaScript的/ DOM創建。 然後我們追加新要素文本與append()方法（這會已經工作了prepend()太）：
例
function appendText()
{
var txt1 = "<p>Text.</p>";
// Create element with HTML
var txt2 = $("<p></p>").text("Text."); // Create with jQuery
var txt3 = document.createElement("p"); // Create with DOM
txt3.innerHTML = "Text.";
$("p").append(txt1, txt2, txt3);
// Append the new elements
} 試一試» jQuery的after()和before()方法
jQuery的after()方法將所選擇的HTML元素後的內容。
jQuery的before()方法將所選擇的HTML元素之前的內容。
添加幾個新元素隨著after()和before()
此外，這兩個after()和before()的方法可能需要新的元素作為參數的無限數量。 新的元素可以與文本/ HTML來生成（如我們在上面的例子已經完成），用jQuery，或者與JavaScript代碼和DOM元素。
在下面的例子中，我們創造了一些新的元素。 這些元素用文本/ HTML，jQuery和JavaScript的/ DOM創建。 然後，我們將新的元素，以其中的文本使用after()方法（這會已經工作了before()太）：
例
function afterText()
{
var txt1 = "<b>I </b>";
// Create element with HTML
var txt2 = $("<i></i>").text("love "); // Create with jQuery
var txt3 = document.createElement("b"); // Create with DOM
txt3.innerHTML = "jQuery!";
$("img").after(txt1, txt2, txt3);
// Insert new elements after <img>
} 試一試» 自測練習用！
jQuery的HTML參考
對於所有的jQuery HTML方法的完整概述，請訪問我們的jQuery HTML / CSS參考 。