jQuery append() 方法

append()方法将指定的内容插入每个选定元素的末尾（作为最后一个子元素）。

要将内容插入所选元素的开头，请使用prepend()方法。

语法：

插入内容：

$(selector).append(content)

使用函数插入内容：

$(selector).append(function(index, html))

在所有段落中添加一些文本内容：

示例

$("button").click(function(){
  $("p").append("Hello world");
});

将HTML插入到所有段落：

示例

$("button").click(function(){
  $("p").append("<b>Hello world</b>");
});

本示例使用document.createTextNode()创建文本节点并将其插入到所有<p>元素：

示例

$("button").click(function(){
  $("p").append(document.createTextNode("Hello world"));
});

使用函数插入内容：

示例

$("button").click(function(){
  $("p").append(function(i){
       return "<b>该p元素具有索引 " + i + ".</b>";
  });
});

参数	描述
content	指定在每个选定元素末尾插入的内容（可以包含HTML标记）可能的值： HTML元素 DOM元素 jQuery对象
function(index, html)	指定函数，该函数返回要插入的内容 index-返回元素在集合中的索引位置 html-返回所选元素的当前HTML