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

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

2、在test.html文件中，在p标签内，使用span标签创建一行文字，并设置p标签的id为txt，主要用于下面通过此id获得p标签对象。

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

4、在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getvalue（）函数。

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

6、在浏览器打开test.html文件，点击按钮，获得的值为“测试的文字”。可见，text()方法只是获得标签内的文本内容。

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

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

9、在浏览器打开test.html文件，输入内容，点击按钮，获得输入的值。可见，val()方法获得的是value属性的值 。

1、创建一个test.html文件。

2、在文件内，在p标签内，使用span标签创建一行文字，同时创建一个input文本框，再创建一个button按钮，用于触发执行js函数。
3、在js标签内，创建函数，使用text(),html(),val()分别获得对象的内容。由测试的结果可知，text()方法只是获得标签内的文本内容，html()方法会把标签内的所有内容获取到，包括html标签，val()方法获得的是value属性的值 。