• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > 从重置input file标签中看jQuery的 .val() 和 .attr(“value”) 区别

从重置input file标签中看jQuery的 .val() 和 .attr(“value”) 区别

作者:小蒋不素小蒋 字体:[增加 减小] 来源:互联网

小蒋不素小蒋 通过本文主要向大家介绍了attr和val的区别,jquery,attr,value等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

背景:

在清空input file标签选中值时,分别用了以下方法,发现有的对有的错:

【√】$("#file")[0].value = "";
【√】$("#file")[0].value = null;

【×】$("#file").attr("value","");
【×】$("#file").attr("value",null);
【√】$("#file").val("");
【√】$("#file").val(null);

  为什么同样是改变value值,得到的结果却不同呢?

释疑:

  查阅stackoverflow《jQuery .val() vs .attr(“value”)》Question,里面解答如下:

The gist is that .attr(...) is only getting the objects value at the start (when the html is created). val() is getting the object's property value which can change many times.

  翻译过来就是:

.val()设置的是input的value属性,input是HTMLInputElement的实例,value是通过setter方法定义的,当被赋值时,就会把值写到input里面;而改变value属性的方法,实际上操作的是dom的value属性,会触发浏览器的repaint,更新input的值。

以上所述是小编给大家介绍的从重置input file标签中看jQuery的 .val() 和 .attr(“value”) 区别 ,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 从重置input file标签中看jQuery的 .val() 和 .attr(“value”) 区别

相关文章

  • jQuery 表单验证扩展(四)
  • 利用jquery操作Radio方法小结
  • jQuery ajax实现省市县三级联动
  • jQuery源码解读之addClass()方法分析
  • jQuery+PHP实现动态数字展示特效
  • 让table变成exls的示例代码
  • 使用js dom和jquery分别实现简单增删改
  • 基于jQuery的图片剪切插件
  • jQuery实现按比例缩放图片的方法
  • jQuery动画效果图片轮播特效

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • Jquery幻灯片特效代码分享--打开页面随机选择切换方式(3)
    • jQuery标签替换函数replaceWith()的使用例子
    • JQuery一种取同级值的方式(比如你在GridView中)
    • jquery submit()不能提交表单的解决方法
    • 基于LayUI实现前端分页功能的方法
    • jQuery实现id模糊查询的小例子
    • jQuery插件实现无缝滚动特效
    • jQuery事件绑定.on()简要概述及应用
    • flag和jq on 的绑定多个对象和方法(必看)
    • jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有