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属性对应的值，通常用于表单元素中。

转载于:https://www.cnblogs.com/YeHuan/p/10967612.html