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

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

转自：http://blog.csdn.net/jacky_zh/article/details/41719405