jQuery中的html,、text

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