jQuery HTML 操做

jQuery 包含不少供改變和操做 HTML 的強大函數。

改變 HTML 內容

語法

$(selector).html(content)

html() 函數改變所匹配的 HTML 元素的內容（innerHTML）。

實例

$("p").html("W3School");

親自試一試

添加 HTML 內容

語法

$(selector).append(content)

append() 函數向所匹配的 HTML 元素內部追加內容。

語法

$(selector).prepend(content)

prepend() 函數向所匹配的 HTML 元素內部預置（Prepend）內容。

實例

$("p").append(" W3School");

親自試一試

語法

$(selector).after(content)

after() 函數在全部匹配的元素以後插入 HTML 內容。

語法

$(selector).before(content)

before() 函數在全部匹配的元素以前插入 HTML 內容。

實例

$("p").after(" W3School.");

親自試一試

jQuery HTML 操做 - 來自本頁

函數	描述
$(selector).html(content)	改變被選元素的（內部）HTML
$(selector).append(content)	向被選元素的（內部）HTML 追加內容
$(selector).prepend(content)	向被選元素的（內部）HTML 「預置」（Prepend）內容
$(selector).after(content)	在被選元素以後添加 HTML
$(selector).before(content)	在被選元素以前添加 HTML