jquery中 html() text() val() innerText总结

jQuery封装的方法html,text,val

.html()用为读取和修改元素的HTML标签
.text()用来读取或修改元素的纯文本内容
.val()用来读取或修改表单元素的value值。

一看黑体的部分，所以把text和html分为一组，他们都是对元素取值或设置，只有val是对表单元素的。
 

他们的共同点：

html和val 都是读取时，取第一个匹配的值但是设置时，却是设置每一个匹配的值，所以在使用当中如无必要，元素的Id保持唯一。

text则是 取所有匹配元素的 纯文本内容，设置意识设置所有匹配元素的文本内容。
 

另外：

innerText 设置或获取位于对象起始和结束标签内的文本 
outerText 设置(包括标签)或获取(不包括标签)对象的文本

但是innerText 不被firefox支持所以不建议使用

使用举例：

html()去元素的内容的时候，能将所选定的元素下面的格式也取到了。

如：<div id="divShow"><b><i>Write Less Do More</i></b></div>

如果我们用var strHTML = $("#divShow").html();取的话，结果是：<b><i>Write Less Do More</i></b>

如果我们用var strHTML2 = $("#divShow b i").html();取的话，结果是Write Less Do More

而text没有第一种情况，如果我们var strText = $("#divShow").text();取的话，结果是Write Less Do More