jQuery html() 方法
实例
改变所有 <p> 元素的内容:
<!DOCTYPE html>
<html>
<head>
<script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").html("Hello <b>world!</b>");
});
});
</script>
</head>
<body>
<button>改变所有 p 元素的内容</button>
<p>这是一个段落</p>
<p>这是另一个段落</p>
</body>
</html>
定义与用法
html()
方法设置或返回所选元素的内容(innerHTML)。
当使用此方法 返回 内容时,它将返回第一个匹配元素的内容。
使用此方法 设置 内容时,会覆盖 所有 匹配元素的内容。
提示:要仅设置或返回选定元素的文本内容,请使用 text() 方法。
语法
返回内容:
$(selector).html()
设置内容:
$(selector).html(content)
使用函数设置内容:
$(selector).html(function(index,currentcontent))
参数 | 描述 |
---|---|
content | 必填。指定所选元素的新内容(可以包含 HTML 标记) |
function(index,currentcontent) | 可选。指定一个函数,用于返回选定元素的新内容
|