JQuery中text(),html()和val()之间有什么区别-创新互联

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

公司主营业务：网站设计制作、成都做网站、移动网站开发等业务。帮助企业客户真正实现互联网宣传，提高企业的竞争能力。创新互联公司是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化，感谢他们对我们的高要求，感谢他们从不同领域给我们带来的挑战，让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联公司推出文成免费做网站回馈大家。

定义和用法

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

代码如下








Document


div有文本内容

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

console打印的结果

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

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

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

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


div有文本内容

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

通过console的打印的结果

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

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

这个和js的innerHTML差不多

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

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

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


div有文本内容

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

通过控制台打印结果

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

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

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

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

网站名称：JQuery中text(),html()和val()之间有什么区别-创新互联
URL标题：http://kswjz.com/article/digoop.html

扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流

JQuery中text(),html()和val()之间有什么区别-创新互联

扫二维码与项目经理沟通

其他资讯

行业动态

企业网站建设的重要性！

服务项目

网站建设

移动端/APP

微信/小程序

技术支持

其它服务

更多服务项目

联系吧在百度地图上找到我们

电话：13518219792

JQuery中text(),html()和val()之间有什么区别-创新互联

扫二维码与项目经理沟通

其他资讯

行业动态

企业网站建设的重要性！

服务项目

网站建设

移动端/APP

微信/小程序

技术支持

其它服务

更多服务项目

联系吧 在百度地图上找到我们

电话：13518219792

联系吧在百度地图上找到我们