1、html() 和 text()
$(selector).html() 返回匹配元素的起始標籤到結尾標籤之間的HTML標記;和HTML中的innerHTML屬性是一樣的作用
$(selector).html(context) 匹配元素的起始標籤和結尾標籤之間的HTML標記被替換爲context
$(selector).text() 返回匹配元素的起始標籤到結尾標籤之間的文本內容;
$(selector).text(context) 爲所有的匹配元素設置文本內容
<!DOCTYPE html>
<html>
<head>
<script src="jquery.js"></script>
<meta charset="utf-8"/>
<title>innerHTMl/html(),text()區別</title>
</head>
<body>
<table border="1">
<tr id="tr1">
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr id="tr2">
<td>Peter</td>
<td>Griffin</td>
</tr>
</table><br/>
<input type="button" οnclick="getInnerHTML()" value="innerHTML" />
<input type="button" class="btn1" value=".html()" />
<input type="button" class="btn2" value=".text()" />
<p id="p">ndfjskafskafjsk</p>
<script type="text/javascript">
function getInnerHTML()
{
alert(document.getElementById("tr1").innerHTML);//彈出
alert(document.getElementById("p").innerHTML);
}
$(".btn1").click(function(){
alert($("#tr1").html());
alert($("p").html());
});
$(".btn2").click(function(){
alert($("#tr1").text());
alert($("p").text());
});
</script>
</body>
</html>
結果:
點擊innerHTML按鈕彈出: <th>Firstname</th>
和 ndfjskafskafjsk
<th>Lastname</th>
點擊.html()按鈕彈出:
<th>Firstname</th> 和 ndfjskafskafjsk
<th>Lastname</th>
點擊.text()按鈕彈出:
Firstname 和 ndfjskafskafjsk
Lastname