從重置input file標(biāo)簽中看jQuery的 .val() 和 .attr(“value”) 區(qū)別
背景：
在清空input file標(biāo)簽選中值時(shí)，分別用了以下方法，發(fā)現(xiàn)有的對(duì)有的錯(cuò)：
【√】$("#file")[0].value = "";
【√】$("#file")[0].value = null;
【×】$("#file").attr("value","");
【×】$("#file").attr("value",null);
【√】$("#file").val("");
【√】$("#file").val(null);
為什么同樣是改變value值，得到的結(jié)果卻不同呢？
釋疑：
查閱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()設(shè)置的是input的value屬性，input是HTMLInputElement的實(shí)例，value是通過setter方法定義的，當(dāng)被賦值時(shí)，就會(huì)把值寫到input里面；而改變value屬性的方法，實(shí)際上操作的是dom的value屬性，會(huì)觸發(fā)瀏覽器的repaint，更新input的值。
以上所述是小編給大家介紹的從重置input file標(biāo)簽中看jQuery的 .val() 和 .attr(“value”) 區(qū)別 ，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
- jquery ajaxfileuplod 上傳文件 essyui laoding 效果【防止重復(fù)上傳文件】
- jquery-file-upload 文件上傳帶進(jìn)度條效果
- jQuery插件ajaxFileUpload使用詳解
- jQuery File Upload文件上傳插件使用詳解
- jQuery插件ajaxFileUpload異步上傳文件
- jQuery獲取file控件中圖片的寬高與大小
- Asp.net MVC中使用JQuery插件ajaxFileUpload上傳文件
- jQuery插件ajaxfileupload.js實(shí)現(xiàn)上傳文件
- JQuery fileupload插件實(shí)現(xiàn)文件上傳功能
- jquery獲取file表單選擇文件的路徑、名字、大小、類型
相關(guān)文章
這篇文章主要介紹了JQuery中使用on方法綁定hover事件實(shí)例,本文用于一些特殊環(huán)境下,需要的朋友可以參考下2014-12-12
jquery ztree實(shí)現(xiàn)樹的搜索功能
這篇文章主要為大家詳細(xì)介紹了jquery ztree實(shí)現(xiàn)樹的搜索功能，zTree是利用 JQuery 的核心代碼，實(shí)現(xiàn)一套能完成大部分常用功能的Tree插件，對(duì)ztree感興趣的小伙伴們可以參考一下2016-02-02
jquery實(shí)現(xiàn)table鼠標(biāo)經(jīng)過變色代碼
table鼠標(biāo)經(jīng)過變色的效果想必大家都有見到過吧，其實(shí)實(shí)現(xiàn)很簡單，在本文有個(gè)不錯(cuò)的示例，感興趣的朋友可以學(xué)習(xí)下2013-09-09
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)圖片輪播效果代碼,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-09-09
jquery帶有索引按鈕且自動(dòng)輪播切換特效代碼分享
這篇文章主要介紹了jquery實(shí)現(xiàn)的帶有索引按鈕且自動(dòng)輪播切換特效，圖片簡單大方，感興趣的小伙伴可以參考下。2015-09-09
使用jQuery仿蘋果官網(wǎng)焦點(diǎn)圖特效
這篇文章主要介紹了使用jQuery仿蘋果官網(wǎng)焦點(diǎn)圖特效,非常的炫酷，需要的朋友可以參考下2014-12-12
基于jQuery全屏焦點(diǎn)圖左右切換插件responsiveslides
這篇文章主要介紹了基于jQuery全屏焦點(diǎn)圖左右切換插件responsiveslides的相關(guān)資料,需要的朋友可以參考下2015-09-09
寫得不錯(cuò)的jquery table鼠標(biāo)經(jīng)過變色代碼
鼠標(biāo)經(jīng)過table變色的效果，想必大家都有遇到過吧，其實(shí)實(shí)現(xiàn)并不難，在本文為大家詳細(xì)介紹下jquery是如何實(shí)現(xiàn)的，感興趣的朋友可以參看下2013-09-09
jquery插件bootstrapValidator表單驗(yàn)證詳解
這篇文章主要為大家詳細(xì)介紹了jquery插件bootstrapValidator表單驗(yàn)證，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
jquery判斷類型是不是number類型的實(shí)例代碼
下面小編就為大家?guī)硪黄猨query判斷類型是不是number類型的實(shí)例代碼。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10