博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JQuery中的text(),html()和val()区别
阅读量:4542 次
发布时间:2019-06-08

本文共 869 字,大约阅读时间需要 2 分钟。

 

定义和用法

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

代码如下

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

 

console打印的结果

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

定义和用法

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

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

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

 

通过console的打印的结果

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

这个和js的innerHTML差不多

定义和用法

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

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

方法主要用于获取表单元素的值

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

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

通过控制台打印结果

 

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

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

转载于:https://www.cnblogs.com/WhiteM/p/7470105.html

你可能感兴趣的文章
剑指offer(18)二叉搜索树的后续遍历
查看>>
微信小程序一笔记账开发进度四
查看>>
bzoj 1070 费用流
查看>>
201671010139 徐楠 第四周总结
查看>>
JAVA链表简单实现
查看>>
[转载]T-SQL(MSSQL)语句查询执行顺序
查看>>
SignalR 行实时通信最大连接数
查看>>
开发进度6
查看>>
php方法重载
查看>>
三次握手和四次挥手(二)
查看>>
MySQL中的索引
查看>>
Android开发之手势滑动(滑动手势监听)详解
查看>>
switch
查看>>
HTTP错误code大全
查看>>
PAT Advanced Level 1043
查看>>
决策树基础
查看>>
献给程序员之如何与陌生人交谈
查看>>
Python之登录接口
查看>>
【arc074E】RGB Sequence
查看>>
工作3年了才开始有自己的积累
查看>>