jquery中attr和val的差別是什麼

區別：1、val方法可取得手動輸入的值，attr方法則不可以；2、若使用val進行賦值，可使用val方法取得，attr方法則不可以取得；3、使用attr賦值時，若手動改變輸入的值，val可取得最新的值，而attr取得的還是一開始的值。

本教學操作環境：windows10系統、jquery3.2.1版本、Dell G3電腦。

jquery中attr和val的差別是什麼

先說結論再貼程式碼分析，區別如下：

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中文網其他相關文章！