jQuery中的text(),html(),val()有什么区别

1、新建一个html文件，命名为test.html，用于讲解jQuery中的text(),html(),val()有什么区别

3、在test.html文件中，使用button标签创建一个按钮，按钮名称为“取值”。

5、在js标签内，创建getvalue()函数，在函数内，使用$符号通过id(txt)获得p元素对象，使用text()方法取得它的值 。最后，使用alert()方法将内容输出。

7、将上面的text()方法改成html()方法，在浏览器打开test.html文竭惮蚕斗件，点击按钮，获得的值为“<稆糨孝汶;span>测试的文字</span>”。可见，html()方法会把标签内的所有内容获取到，包括html标签。

8、在test.html文件中，创建一个input文本框，在js中，使用val()方法获得输入的内容，代码如下：