js里text和val的区别

jQuery与JS操作DOM元素

最新推荐文章于 2023-08-27 01:42:36 发布

原创最新推荐文章于 2023-08-27 01:42:36 发布 · 2k 阅读

2 ·

CC 4.0 BY-SA版权

本文详细对比了jQuery库中的text(), html(), val()方法与原生JavaScript中this.value的区别和应用场景。阐述了它们用于获取或修改DOM元素的文本、HTML内容及表单元素值的功能，并强调了使用jQuery需引入库文件。

text():获取或者改变指定元素的文本
html():获取或改变指定元素的html元素以及文本
val():获取或者改变指定元素的value值（一般是表单元素）

以上3个都是jquery类库中的语法

基本没有什么区别，作用都是获得当前对象的value值（一般是表单元素）
只是，this.value是js的原生语法，$(this).val()是jquery的语法
使用this.value无需引入任何库文件，而$(this).val()则需要引入jquery库文件

最后补充：

就是像这个可以填写的文本取值赋值用val(),不可以填写的如<label>就用text()