jQuery 文档操作 append() 方法

jQuery 参考手册 文档操作jQuery 参考手册 文档操作

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

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

 

1. 语法

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

 

2. 使用函数来附加内容

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

语法

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

我要试一试

参数 描述
function(index,html)

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

  • index - 可选。接收选择器的 index 位置。
  • html - 可选。接收选择器的当前 HTML。

 

3. 范例

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

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

我要试一试

jQuery 参考手册 文档操作jQuery 参考手册 文档操作

appendTo() 方法在被选元素的结尾(仍然在内部)插入指定内容。append()和 appendTo() 方法执行的任务相同。不同之处在于:内容和选择器的位置,以及 append() 能够使用函数来附加内容。