JQuery中text(),html()和val()之间有什么区别

这篇文章将为大家详细讲解有关JQuery中text(),html()和val()之间有什么区别，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

创新互联公司主营陵城网站建设的网络公司,主营网站建设方案,重庆APP开发,陵城h5重庆小程序开发搭建,陵城网站营销推广欢迎陵城等地区企业咨询

定义和用法

text() 方法方法设置或返回被选元素的文本内容

代码如下

div有文本内容

    div2内的文本
    span内有文本内容

console打印的结果

可以看出text()只输出标签内的文本内容，和js的innerText方法一样

定义和用法
html() 方法返回或设置被选元素的内容 (inner HTML)，包括标签。

如果该方法未设置参数，则返回被选元素的当前内容。

div有文本内容

    div2内的文本
    span内有文本内容

通过console的打印的结果

打印当前标签内的文本内容，如果有子标签，则把子标签本身和子标签内的文本一起打印

这个和js的innerHTML差不多

定义和用法
val() 方法返回或设置被选元素的值。

元素的值是通过 value 属性设置的。该方法大多用于 input 元素。

方法主要用于获取表单元素的值
如果该方法未设置参数，则返回被选元素的当前值。

div有文本内容

    div2内的文本
    span内有文本内容

通过控制台打印结果

val()是用来输出表单内的数据，可以看出p和span标签内的文本并没有被输出，我还测试了H5新标签placeholder

同样也没有被输出，所以这个val应该是只针对标签的value属性的

关于JQuery中text(),html()和val()之间有什么区别就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。