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() 方法插入內容。


使用函數在被選元素的結尾插入內容。


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