jQuery：向元素中添加 HTML 数据(元素或内容)

通过 jQuery，可以很容易地添加新元素/内容。

一、常用方法

添加新的 HTML 内容主要用到以下几个方法：

append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容

二、实例

$("p").append("Some appended text.");
$("p").prepend("Some prepended text.");
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);         // 追加新元素
}