jQuery 文档操作 - append() 方法

实例

在每个 p 元素结尾插入内容:

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

亲自试一试

定义和用法

append() 方法在被选元素的结尾(仍然在内部)插入指定内容。

提示:append() 和 appendTo() 方法执行的任务相同。不同之处在于:内容的位置和选择器。

语法 1

$(selector).append(content)
参数 描述
content 必需。规定要插入的内容(可包含 HTML 标签)。

语法 2

使用函数:

$(selector).append(function(index,html))
参数 描述
function(index,html)

必需。规定返回内容的函数。

该函数可接收并使用选择器的 index 值和当前的 HTML。

亲自试一试 - 实例

使用函数来插入内容
如何使用函数在指定元素的结尾插入内容。