jQuery html() 方法
jQuery html() 方法设置或返回被选元素的内容 ( innerHTML )
当该方法用于 返回 内容时,则返回第一个匹配元素的内容
当该方法用于 设置 内容时,则重写所有匹配元素的内容
如果只想要设置或返回被选元素的文本内容,可以使用 text() 方法
语法
返回内容
$( selector ).html()
设置内容:
$( selector ).html( content )
使用函数设置内容
$( selector ).html(function (index,currentcontent) )
参数
参数 | 描述 |
---|---|
content | 必需。规定被选元素的新内容 ( 可包含 HTML 标签 ) |
function(index,currentcontent) | 可选。规定返回被选元素的新内容的函数 index - 返回集合中元素的 index 位置 currentcontent - 返回被选元素的当前 HTML 内容 |
范例
下面的范例改变所有 <p> 元素的内容
$("button").click(function(){ $("p").html("Hello <b>world</b>!"); });
更多范例
-
如何返回元素的内容
-
使用函数来设置所有被选元素的内容