还在苦苦敲代码开发APP?你out啦! 试试积木搭建APP吧~

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

来源:     2016-08-12 09:35:06    人气:     我有话说( 0 人参与)

首先把总重要的总结下来jQuery封装的方法html,text,val.html()用为读取和修改元素的HTML标签.text()用来读取或修改元素的纯文本内容.val()...

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

jquery html() text() val() innerText

本文源自互联网,采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可,
版权归原作者,如有问题请联系service@tsingfun.com (编辑:admin)
分享到: