当前位置:主页 > jquery教程 > 从重置input file标签中看jQuery的 .val() 和 .attr(“value”) 区别

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

发布:2020-02-01 16:52:21 50


给大家整理了jQuery相关的编程文章,网友庾沛雯根据主题投稿了本篇教程内容,涉及到input、file、jQuery、attr与val区别、从重置input file标签中看jQuery的 .val() 和 .attr(“value”) 区别相关内容,已被785网友关注,涉猎到的知识点内容可以在下方电子书获得。

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

背景:

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


参考资料

相关文章

  • jquery背景墙聚光灯效果的实例代码

    发布:2020-01-17

    这篇文章主要介绍了jquery实现背景墙聚光灯效果示例,需要的朋友可以参考下


  • jQuery循环滚动新闻列表实例代码

    发布:2019-12-19

    jquery实现点击公告的上一条下一条来查看滚动条,示例代码如下,希望对大家有所帮助


  • django之对FileField字段的upload_to的设定方法

    发布:2022-12-03

    给网友们整理关于django的教程,今天小编就为大家分享一篇django之对FileField字段的upload_to的设定方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧


  • jQuery实现多按钮单击变色的代码详解

    发布:2020-03-30

    本文给大家分享的是一段使用jQuery实现的多按钮单击之后变色的代码,非常的简单实用,有需要的小伙伴可以参考下。


  • Android中FileProvider的各种场景应用详解

    发布:2023-03-05

    这篇文章主要为大家介绍了Android中FileProvider的各种场景应用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪


  • 深入理解bootstrap data和jquery .data

    发布:2020-02-16

    最近在做项目的时候用到了bootstrap,在使用中发现其data与jquery的data有些不一样的地方,记录一下,分享给大家


  • 详解jquery右下角弹出提示框

    发布:2020-03-21

    右下角弹出提示框想必大家都有见到过吧,其实有实现方法有很多,在本文为大家详细介绍在jquery中具体的实现,感兴趣的朋友可以了解下


  • jQuery的图片滑块焦点图插件整理推荐

    jQuery的图片滑块焦点图插件整理推荐

    发布:2022-07-07

    给大家整理一篇关于jQuery的教程,本文给大家整理了9款基于jQuery的图片滑块焦点图插件,效果都非常炫酷,演示和下载地址都给大家整理好了,有需要的小伙伴直接拿走吧,不用跟我客气^_^


网友讨论