jQuery 文檔操作 - prepend() 方法

實例

在 p 元素的開頭插入內容:

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

親自試一試

定義和用法

prepend() 方法在被選元素的開頭(仍位于內部)插入指定內容。

提示:prepend() 和 prependTo() 方法作用相同。差異在于語法:內容和選擇器的位置,以及 prependTo() 無法使用函數來插入內容。

語法

$(selector).prepend(content)
參數 描述
content 必需。規定要插入的內容(可包含 HTML 標簽)。

使用函數來附加內容

使用函數在被選元素的開頭插入指定的內容。

語法

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

親自試一試

參數 描述
function(index,html)

必需。規定返回待插入內容的函數。

  • index - 可選。接受選擇器的 index 位置。
  • html - 可選。接受選擇器的當前 HTML。