关于jquery中html()、text()、val()的区别

 jQuery/js   高蒙   阅读(1007)   评论(0)   2016-11-02 17:53:36    jquery html() text() val() 


在使用jquery的过程中,经常会使用到html(),text(),val()的三种取值的方法。但是,说到这三种取值方法的具体的区别在哪,估计有部分朋友还是难以回答的很准确。

那么,下面我们来看这三种取值的方法和有哪些区别?


.html()用为读取和修改元素的HTML标签相当于javascript中的innerHTML()。

.html()是用来读取元素的HTML内容(包括其Html标签)。

.html()方法使用在多个元素上时,只读取第一个元素。


.text()用来读取或修改元素的纯文本内容  对应js中的innerText。

.text()用来读取元素的纯文本内容,包括其后代元素。

.text()方法不能使用在表单元素上。


.val()用来读取或修改表单元素的value值。

.val()是用来读取表单元素的"value"值。

.val()只能使用在表单元素上。


关于三者的区别


1. .val()方法和.html()相同,如果其应用在多个元素上时,只能读取第一个表单元素的"value"值,但是.text()和他们不一样,如果.text()应用在多个元素上时,将会读取所有选中元素的文本内容。

2 .html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。





相关文章



我要评论


站长昵称:(*)

输入内容:


评论列表


高蒙

男,程序猿一枚

 

人生要是没有理想, 那跟一条咸鱼有什么分别。


关于我

  http://www.shuchengxian.com

高蒙个人博客是以PHP技术为主的程序员个人博客。博客主要发布php开发中遇到的问题以及解决办法,同时个人博客也分享网站模板素材,jquery插件等方面素材。


站点声明:相关侵权、举报、投诉及建议等,请发E-mail:936594075#qq.com(#替换成@)。

Copyright © 2018, www.shuchengxian.com, All rights reserved. 个人博客皖公网安备 34152302000022号 皖ICP备15015490号

关键词:个人博客,PHP博客,PHP博客程序,高蒙博客,高蒙个人博客,php程序员博客,程序员个人博客