关于jquery中html()、text()、val()的区别（通俗易懂）

行者彡

于 2018-01-10 10:05:31 发布

阅读量225

点赞数 1

CC 4.0 BY-SA版权

分类专栏： jquery

本文链接：https://blog.youkuaiyun.com/sinat_21843047/article/details/79020144

6 篇文章

订阅专栏

本文详细介绍了jQuery中text(), html()和val()三个方法的区别及应用场景。解析了它们如何获取或改变DOM元素的内容，并强调了各自在操作表单元素时的特点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

关于三者的区别:

1、val()方法和html()相同，如果其应用在多个元素上时，只能读取第一个表单元素的"value"值;

但是text()和他们不一样，如果text()应用在多个元素上时，将会读取所有选中元素的文本内容，所以text()方法不能使用在表单元素上。

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