val(),html(),text()区别及用法

对html(),text(),val()这三者的使用区别经常十分的困惑，今天就来整理一下吧。

API文档中的描述是这样的：

1. html()
   取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
   在一个 HTML
   文档中, 我们可以使用 .html() 方法来获取任意一个元素的内容。 如果选择器匹配多于一个的元素，那么只有第一个匹配元素的 HTML内容会被获取
2. text()
   取得所有匹配元素的内容。
   结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。
3. val()
   获得匹配元素的当前值。
   在 jQuery 1.2 中,可以返回任意元素的值了。包括select。如果多选，将返回一个数组，其包含所选的值。

---

总结

- html()是用来读取元素的HTML内容（包括其Html标签）
- text()用来读取元素的纯文本内容，包括其后代元素
- val()是用来读取表单元素的”value”值。
- val()只能使用在表单元素上
- html()和val()方法使用在多个元素上时，只读取第一个元素；text()应用在多个元素上时，将会读取所有选中元素。
- html(htmlString),.text(textString)和.val(value)三个方法同时运用在多个元素上时，那么将会替换所有选中元素的内容。

相关参考阅读：

http://www.cnblogs.com/aqbyygyyga/archive/2011/11/03/2234926.html
http://blog.csdn.net/ystyaoshengting/article/details/6698149