jQuery html() 方法

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

實例

改變所有 <p> 元素的內容:

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


定義和用法

html() 方法設置或返回被選元素的內容(innerHTML)。

當該方法用於返回內容時,則返回第一個匹配元素的內容。

當該方法用於設置內容時,則重寫所有匹配元素的內容。

提示:如只需設置或返回被選元素的文本內容,請使用 text() 方法。


語法

返回內容:

$(selector).html()

設置內容:

$(selector).html(content)

使用函數設置內容:

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

參數 描述
content 必需。規定被選元素的新內容(可包含 HTML 標籤)。
function(index,currentcontent) 可選。規定返回被選元素的新內容的函數。
  • index - 返回集合中元素的 index 位置。
  • currentcontent - 返回被選元素的當前 HTML 內容。


實例

更多實例

返回元素內容
如何返回元素的內容。

使用函數設置元素內容
使用函數來設置所有被選元素的內容。


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