區別:1、val方法可取得手動輸入的值,attr方法則不可以;2、若使用val進行賦值,可使用val方法取得,attr方法則不可以取得;3、使用attr賦值時,若手動改變輸入的值,val可取得最新的值,而attr取得的還是一開始的值。
本教學操作環境:windows10系統、jquery3.2.1版本、Dell G3電腦。
先說結論再貼程式碼分析,區別如下:
1.val 可以取得手動輸入的值,attr 不可以
2.用val 賦值, val 可以取得值, attr 不可以
3.用attr 賦值, val 和attr 都可以取得值, 如果手動改變輸入的值,val 可以取得最新的值,attr 讀到的還是attr 一開始賦的值
先手動輸入一個數字
##然後分別用val() 和attr ("value") 印出來console.log("这个是val: "+$("#jibengongzi").val()); console.log("这个是attr:"+$("#jibengongzi").attr("value"));可以看出,attr("value") 不能取得手動輸入的值接下來用val( ) 來賦值(ruleForm.jibengongzi是數字)
$("#jibengongzi").val(ruleForm.jibengongzi);然後印出來
##再用attr 賦值
$("#jibengongzi").attr("value",ruleForm.jibengongzi);
#除此之外,使用過程中attr有一點Bug,讓我不能用js給輸入框賦值,具體原因不知道,全部都改用val就沒問題了。本文僅當個人學習記錄,有問題歡迎指出,一起學習進步
相關視頻教程推薦:
jQuery視頻教程以上是jquery中attr和val的差別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!