现在位置: 首页 > jQuery 教程 > 正文

jQuery append() 方法

jQuery HTML/CSS 方法 jQuery HTML/CSS 方法

实例

在所有 <p> 元素结尾插入内容:

$(document).ready(function(){ $("#btn1").click(function(){ $("p").append(" <b>插入文本</b>."); }); $("#btn2").click(function(){ $("ol").append("<li>插入项</li>"); }); });

尝试一下 »

定义和用法

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

提示:如需在被选元素的开头插入内容,请使用 prepend() 方法。


语法

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

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

可能的值:

  • HTML 元素
  • jQuery 对象
  • DOM 元素
function(index,html) 可选。规定返回待插入内容的函数。
  • index - 返回集合中元素的 index 位置。
  • html - 返回被选元素的当前 HTML。


实例

更多实例

append() - 通过 HTML、jQuery 和 DOM 创建内容
通过 append() 方法插入内容。

使用函数追加内容
使用函数在被选元素的结尾插入内容。


jQuery HTML/CSS 方法 jQuery HTML/CSS 方法