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


Posted in Javascript onJune 12, 2016

背景:

在清空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”) 区别 ,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
js利用与或运算符优先级实现if else条件判断表达式
Apr 15 Javascript
jquery 实现两级导航菜单附效果图
Mar 07 Javascript
Node.js操作Firebird数据库教程
Mar 04 Javascript
基于socket.io+express实现多房间聊天
Mar 17 Javascript
jQuery easyUI datagrid 增加求和统计行的实现代码
Jun 01 Javascript
一个简单不报错的summernote 图片上传案例
Jul 11 Javascript
谈谈JavaScript的New关键字
Aug 26 Javascript
JS给Array添加是否包含字符串的简单方法
Oct 29 Javascript
JS实现基本的网页计算器功能示例
Jan 16 Javascript
JavaScript中的各种宽高属性的实现
May 08 Javascript
通过实例解析jQ Ajax操作相关原理
Sep 23 Javascript
JSONObject与JSONArray使用方法解析
Sep 28 Javascript
Java框架SSH结合Easyui控件实现省市县三级联动示例解析
Jun 12 #Javascript
jQuery基于toggle实现click触发DIV的显示与隐藏问题分析
Jun 12 #Javascript
javascript jquery对form元素的常见操作详解
Jun 12 #Javascript
js实现当鼠标移到表格上时显示这一格全部内容的代码
Jun 12 #Javascript
浅谈JS中逗号运算符的用法
Jun 12 #Javascript
Node.js Addons翻译(C/C++扩展)
Jun 12 #Javascript
基于JS代码实现当鼠标悬停表格上显示这一格的全部内容
Jun 12 #Javascript
You might like
PHP实现设计模式中的抽象工厂模式详解
2014/10/11 PHP
无需数据库在线投票调查php代码
2016/07/20 PHP
php实现表单提交上传文件功能
2018/05/28 PHP
json 定义
2008/06/10 Javascript
jquery命令汇总,方便使用jquery的朋友
2012/06/26 Javascript
JavaScript设计模式之工厂模式和构造器模式
2015/02/11 Javascript
jquery实现清新实用的网页菜单效果
2015/08/28 Javascript
jQuery Easyui 验证两次密码输入是否相等
2016/05/13 Javascript
window.close(); 关闭浏览器窗口js代码的总结介绍
2016/07/14 Javascript
AngularJS HTML DOM详解及示例代码
2016/08/17 Javascript
为jQuery-easyui的tab组件添加右键菜单功能的简单实例
2016/10/10 Javascript
微信小程序日期选择器实例代码
2018/07/18 Javascript
Flutter部件内部状态管理小结之实现Vue的v-model功能
2019/06/11 Javascript
JavaScript多种滤镜算法实现代码实例
2019/12/10 Javascript
Vue 3.0 全家桶抢先体验
2020/04/28 Javascript
解决Antd Table表头加Icon和气泡提示的坑
2020/11/17 Javascript
Python中operator模块的操作符使用示例总结
2016/06/28 Python
python回调函数中使用多线程的方法
2017/12/25 Python
Python 实现删除某路径下文件及文件夹的实例讲解
2018/04/24 Python
Pycharm 文件更改目录后,执行路径未更新的解决方法
2019/07/19 Python
python读写csv文件的方法
2019/08/13 Python
python tkinter canvas使用实例
2019/11/04 Python
Python JSON编解码方式原理详解
2020/01/20 Python
python中urllib.request和requests的使用及区别详解
2020/05/05 Python
python中有帮助函数吗
2020/06/19 Python
解决HTML5手机端页面缩放的问题
2017/10/27 HTML / CSS
马德里著名的运动鞋商店:NOIRFONCE
2019/04/12 全球购物
Java里面StringBuilder和StringBuffer有什么区别
2016/06/06 面试题
编写类String的构造函数、析构函数和赋值函数
2012/05/29 面试题
村官学习十八大感想
2014/01/15 职场文书
网络技术专业求职信
2014/02/18 职场文书
优质护理服务演讲稿
2014/05/07 职场文书
课外活动实习计划
2015/01/19 职场文书
煤矿安全保证书
2015/02/27 职场文书
2015年语言文字工作总结
2015/07/23 职场文书
2016银行求职自荐信
2016/01/28 职场文书