jQuery中的text(),html(),val() 三者的区别区别

最新推荐文章于 2021-09-17 15:53:57 发布

wy_Blog

最新推荐文章于 2021-09-17 15:53:57 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery

本文链接：https://blog.youkuaiyun.com/wy_Blog/article/details/54922654

jQuery 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了如何使用jQuery来获取和设置HTML元素的文本、HTML内容及表单元素的值。主要探讨了.text()、.html()和.val()这三个方法的用法，并通过示例展示了如何在实际应用中操作这些元素。

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

.text():获取或者改变指定元素的文本例如：a链接时
.html():获取或改变指定元素的html元素以及文本

括号里空是获取，有内容是添加

.val():获取或者改变指定元素的value值（一般是表单元素比如：按钮）

	元素的值是通过 value 属性设置的。该方法大多用于 input 元素。
	如果该方法未设置参数，则返回被选元素的当前值。
	如果该方法有参数，则设置元素的值。
	设置输入域的值：
 
  	$("button").click(function(){
   		$(":text").val("HelloWorld");
  	});
 

this.value () 和 $(this).val() 基本没什么区别：
	this.value是js的原生语法，$(this).val()是jquery的语法
	this.value无需引入任何库文件，而$(this).val()则需要引入jquery库文件