HTML
英 [?e?t? ti: em ?el]? ?美 [?et?ti?m??l]??
abbr.Hypertext Markup Language 超文本鏈接標(biāo)示語(yǔ)言
jquery html()方法 語(yǔ)法
作用：html() 方法返回或設(shè)置被選元素的內(nèi)容 (inner HTML)。如果該方法未設(shè)置參數(shù)，則返回被選元素的當(dāng)前內(nèi)容。
返回元素內(nèi)容：當(dāng)使用該方法返回一個(gè)值時(shí)，它會(huì)返回第一個(gè)匹配元素的內(nèi)容。
語(yǔ)法：$(selector).html()
設(shè)置元素內(nèi)容：當(dāng)使用該方法設(shè)置一個(gè)值時(shí)，它會(huì)覆蓋所有匹配元素的內(nèi)容。
語(yǔ)法：$(selector).html(content)
參數(shù)：
| 參數(shù) | 描述 |
| content? ?? | 可選。規(guī)定被選元素的新內(nèi)容。該參數(shù)可包含 HTML 標(biāo)簽。 |
使用函數(shù)設(shè)置元素內(nèi)容：使用函數(shù)來(lái)設(shè)置所有匹配元素的內(nèi)容。
語(yǔ)法：$(selector).html(function(index,oldcontent))
參數(shù)：
| 參數(shù) | 描述 |
| function(index,oldcontent)? | 規(guī)定一個(gè)返回被選元素的新內(nèi)容的函數(shù)。 |
| index | 可選。接收選擇器的 index 位置。 |
| oldcontent? | 可選。接收選擇器的當(dāng)前內(nèi)容。 |
jquery html()方法 示例
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js></script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$("p").html("Hello <b>world!</b>");
});
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button class="btn1">改變 p 元素的內(nèi)容</button>
</body>
</html>點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例