jQuery append() 方法


jQuery append() 方法


实例

在所有 <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() 方法插入内容。

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