w3school學習6-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

如需完整的參考手冊，請訪問我們的 jQuery HTML 操作參考手冊。