JQuery中text()、html()、val()都能取到值，或加一个参数来赋值，那么它们之间有什么区别？下面本篇文章给大家介绍一下。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。
JQuery中text()、html()、val()的区别是什么？
在jquery中，text()方法只是获得标签内的文本内容，html()方法会把标签内的所有内容获取到，包括html标签，val()方法获得的是value属性的值 。
具体介绍：
新建一个html文件，命名为test.html，用于讲解jQuery中的text(),html(),val()有什么区别
在test.html文件中，在p标签内，使用span标签创建一行文字，并设置p标签的id为txt，主要用于下面通过此id获得p标签对象。
在test.html文件中，使用button标签创建一个按钮，按钮名称为“取值”。
在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getvalue()函数。
在js标签内，创建getvalue()函数，在函数内，使用$符号通过id(txt)获得p元素对象，使用text()方法取得它的值 。最后，使用alert()方法将内容输出。
在浏览器打开test.html文件，点击按钮，获得的值为“测试的文字”。可见，text()方法只是获得标签内的文本内容。
将上面的text()方法改成html()方法，在浏览器打开test.html文件，点击按钮，获得的值为“<span>测试的文字</span>”。可见，html()方法会把标签内的所有内容获取到，包括html标签。
在test.html文件中，创建一个input文本框，在js中，使用val()方法获得输入的内容，代码如下：
在浏览器打开test.html文件，输入内容，点击按钮，获得输入的值。可见，val()方法获得的是value属性的值 。
总结：
1、创建一个test.html文件。
2、在文件内，在p标签内，使用span标签创建一行文字，同时创建一个input文本框，再创建一个button按钮，用于触发执行js函数。
3、在js标签内，创建函数，使用text(),htm来源[email protected]搞@^&代*@码网l(),val()分别获得对象的内容。由测试的结果可知，text()方法只是获得标签内的文本内容，html()方法会把标签内的所有内容获取到，包括html标签，val()方法获得的是value属性的值 。
更多web前端开发知识，请查阅 搞代码网 ！！
以上就是JQuery中text()、html()、val()的区别是什么？的详细内容，更多请关注gaodaima搞代码网其它相关文章！
转载请注明原文链接：JQuery中text()、html()、val()的区别是什么？
