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

前端之家收集整理的这篇文章主要介绍了从重置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”) 区别 。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

猜你在找的jQuery相关文章