假设有如下代码：
<div class="parent">
<div>
111
<div>
222
<div>
333
</div>
</div>
</div>
</div>
使用不同的函数返回不同：
-
$(".parent").text(),返回：
"
111
222
333
"
-
$(".parent").html(),返回：
"
<div>
111
<div>
222
<div>
333
</div>
</div>
</div>
"
-
$(".parent").val(),返回：
""
所以：
- .html()用为读取和修改元素的HTML标签。使用在多个元素上时，只读取第一个元素。
- .text()用来读取或修改元素的纯文本内容，包括其后代元素。不能使用在表单元素上。应用在多个元素上时，将会读取所有选中元素的文本内容。
- .val()用来读取或修改表单元素的value值。且只能使用在表单元素上。使用在多个元素上时，只读取第一个元素。
- .html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容，如果三个方法同时运用在多个元素上时，那么将会替换所有选中元素的内容。
