Latest web development tutorials

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方法