Latest web development tutorials

jQuery append() 方法

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

實例

在所有<p> 元素結尾插入內容:

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

嘗試一下»

定義和用法

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方法