关于DOM（插入）

append()

$(selector).append(content,function(index,html))
在末尾追加，用于在选取元素里的最后面追加内容
content：必需。规定要插入的内容（可包含 HTML 标签）。
可能的值：HTML 元素、jQuery 对象、DOM 元素
function(index,html)：可选。规定返回待插入内容的函数。
index - 返回集合中元素的 index 位置。
html - 返回被选元素的当前 HTML。

例子：
$("button").click(function(){
  $("p").append(function(n,old){
    if(old=="这是一个段落。")
      return "<b>该P元素的下标为 " + n + "。</b>";
  });
});

prepend()

$(selector).prepend(content,function(index,html))
在最前面追加，用于在选取元素里的最前面追加内容
content：必需。规定要插入的内容（可包含 HTML 标签）。
可能的值：HTML 元素、jQuery 对象、DOM 元素
function(index,html)：可选。规定返回待插入内容的函数。
index - 返回集合中元素的 index 位置。
html - 返回被选元素的当前 HTML。

before()

$(selector).before(content,function(index))
在元素前面添加内容，用于在选取元素外的前面添加内容
content：必需。规定要插入的内容（可包含 HTML 标签）。
可能的值：HTML 元素、jQuery 对象、DOM 元素
function(index)：可选。规定返回待插入内容的函数。
index - 返回集合中元素的 index 位置。

after()

$(selector).after(content,function(index))
在元素后面添加内容，用于在选取元素外的后面添加内容
content：必需。规定要插入的内容（可包含 HTML 标签）。
可能的值：HTML 元素、jQuery 对象、DOM 元素
function(index)：可选。规定返回待插入内容的函数。
index - 返回集合中元素的 index 位置。