jQuery中的html()、text()和val()的用法

1.html()

獲得的是第一個符合要求的標簽中的所有內容，例如：

var content = $("li").html();

<li>111<p>999</p></li>
<li>222</li>
<li>333</li>
<li>444</li>

content的值為：111<p>999</p>

注：獲得內容包括標簽信息，所以也可以用來往頁面中動態添加標簽，但添加的時候不再是往第一個符合要求的標簽中添加，而是往所有符合要求的標簽中覆蓋添加，如：

$("li").html("<p>88888</p>");

往所有的li中添加一個p標簽，標簽會自動識別。

2.text()

獲得的是所有符合要求的標簽中的文本內容，例如：

var content = $("li").text();

<li>111<p>999</p></li>
<li>222</li>
<li>333</li>
<li>444</li>

content的值為：111999222333444

注：獲得的僅是文本內容，不包含標簽信息，添加時范圍也是所有符合要求的標簽，且不是識別標簽，原樣添加至文本內容。

3.val()

獲得的是標簽value屬性對應的值，通常用於表單元素中。