位置: 编程技术 - 正文

jQuery中text() val()和html()的区别实例详解

编辑:rootadmin

推荐整理分享jQuery中text() val()和html()的区别实例详解,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

简单的说:html()和text()的区别主要在于是否包含标签。而val()针对的是表单元素。

但是有时还是不是那么太清晰。

html(),val(),text()都分为有参和无参。

举例说明它们的不同之处:

html()在没有参数的情况下,取得第一个匹配元素的内容。必须要注意的是,即使匹配多个,也只能取得匹配的第一个元素。 如:

此处的con匹配的3个h3元素,但是只会打印出第一个h3的内容。

如果我们此处换成text();那么会打印出三个h3的内容。

如果带参数的话,con.html(“aaa”);和con.text(“aaa”);效果一样,都能改变3个h3的内容。

不过如果con.html("<span>'aaa'</span>")和con.text("<span>'aaa'</span>");使用html会将span解析为标签,而text,则会将作为字符串插入。

jQuery中text() val()和html()的区别实例详解

html()会将标签也取出,但是text()只会获取文本部分。

再看val();

此处,可以关注下如何获取单选按钮的值,如何获取选中的select的值。

需要注意的是,option的value并不是显示在页面上的内容,因为设置或者是获取option的页面内容,需要使用text(),当然使用html()亦可。

关于三者的区别小结

1. .val()方法和.html()相同,如果其应用在多个元素上时,只能读取第一个表单元素的"value"值,但是.text()和他们不一样,如果.text()应用在多个元素上时,将会读取所有选中元素的文本内容。

2 .html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。

以上所述是小编给大家介绍的jQuery中text() val()和html()的区别实例详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对积木网网站的支持!

jqGrid用法汇总(全经典) 支持多种类型的数据集合作为数据源jqGrid可以绑定三种类型的数据:XML,JSON和数组。使用不同的数据类型主要是设置datatype属性,它的值分别为'xml','json','loc

jQuery实现鼠标滚动图片延迟加载效果附源码下载 这里延迟加载的意思是,拖动滚动条时,在图片出现在浏览器显示区域后才加载显示。在这之前全部图片都由一张图片代替。节省流量,减轻服务器负

jQuery ajax调用后台aspx后台文件的两种常见方法(不是ashx) 在asp.netwebForm开发中,用Jqueryajax调用aspx页面的方法常用的有两种:下面我来简单介绍一下。(1)通过aspx.cs的静态方法+WebMethod进行处理简单的介绍下WebMethod方

标签: jQuery中text() val()和html()的区别实例详解

本文链接地址:https://www.jiuchutong.com/biancheng/385913.html 转载请保留说明!

上一篇:jQuery 中ajax异步调用的四种方式

下一篇:jqGrid用法汇总(全经典)(jqgrid loadcomplete)

  • 车船税可以免掉吗
  • 什么情况要缴印花税
  • 增值税抵扣了还能作废吗
  • 关联方交易金额含税吗
  • 工程款给付协议
  • 资产总额季度平均
  • 银行承兑汇票手续费是多少
  • 房地产开发企业资质等级有几个
  • 开办费如何做纳税调增
  • 增值税专票开具要求
  • 收到分包工程发票怎么做分录
  • 仓储部门折旧计入什么科目
  • 福利费可以抵扣个税吗
  • 支付境外销售佣金增值税扣缴
  • 变更税号后地税个税申报系统还是显示老税号怎么办?
  • 公司低价卖房土地增值税计税方法是什么
  • 不征税的政府补助如何开票
  • 到期一次还本付息债券
  • 免税的和不免税的可以开在一张发票上吗
  • 已申报税额什么时候缴纳
  • 合并报表收费
  • 成本费用总额包括所得税费用吗
  • 出纳人员发现假章怎么办
  • 外国企业代表处企业所得税
  • 王者荣耀中墨子的最强出装
  • 飞机电子普通发票6%税率可以抵扣吗
  • Win11 Build 22449.1000更新里哪些内容?Win11 Build 22449更新介绍与安装方法
  • win11 桌面右键
  • 垫资计入什么会计科目
  • 收到退款的会计分录
  • PHP:spl_autoload_unregister()的用法_spl函数
  • PHP:pg_affected_rows()的用法_PostgreSQL函数
  • 出售固定资产增值税怎么处理
  • 【安装 】
  • 注册资本增加了
  • 城镇土地使用税的计算公式
  • php aes
  • 其他债权投资和持有至到期投资的区别
  • ant desgin-vue
  • php代码生成
  • Win11 Build 23435 预览版今日发布: 文件管理器引入图库功能
  • 固定资产加速折旧最新税收政策2023
  • nodejs官方文档
  • 命令行mkdir创建文件夹
  • 个体工商户建账办法最新
  • phpcms默认密码
  • access2010加密解密数据库时
  • 数据mysql
  • 库存暂估入账的会计分录
  • 企业注销指的是哪些
  • 商贸企业发出商品怎么确认收入
  • 电子发票已开出客户退款会计处理是怎样的?
  • 机器设备一般折旧几年
  • 对于银行已入账企业未入账的未达账项应该
  • 挂其他应付款的帐怎么冲平
  • 发票管理办法实体法还是程序法
  • mysql存储引擎的作用
  • centos访问网页命令
  • 屏幕右下角显示A2
  • win7全屏游戏怎么窗口化
  • win7系统计算机管理功能打不开
  • ubuntu18 ssh
  • xp停在windows界面
  • wininfo.exe - wininfo是什么进程
  • windowsxp如何隐藏文件
  • mac怎么连接打印机设备
  • centos 7 安装
  • win8.1启动设置
  • 微软发布更新的时间每月
  • jquery手风琴折叠菜单
  • rpg好玩地图
  • python 字符串
  • javascript身份证号验证
  • python中文分词库
  • 江西省国家税务局李德平
  • 北京地税电话咨询
  • 重庆国税12366电子税务局官网入口
  • 技术合同备案要求
  • 支付宝登录电子社保卡显示已被其他账号登录
  • 市中区税务局办税大厅上班时间
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设