首頁  >  文章  >  web前端  >  jquery中attr和val的差別是什麼

jquery中attr和val的差別是什麼

WBOY
WBOY原創
2022-05-09 11:21:132716瀏覽

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

jquery中attr和val的差別是什麼

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

jquery中attr和val的差別是什麼

先說結論再貼程式碼分析,區別如下:

1.val 可以取得手動輸入的值,attr 不可以

2.用val 賦值, val 可以取得值, attr 不可以

3.用attr 賦值, val 和attr 都可以取得值, 如果手動改變輸入的值,val 可以取得最新的值,attr 讀到的還是attr 一開始賦的值

先手動輸入一個數字

jquery中attr和val的差別是什麼

##然後分別用val() 和attr ("value") 印出來

console.log("这个是val: "+$("#jibengongzi").val());
console.log("这个是attr:"+$("#jibengongzi").attr("value"));

jquery中attr和val的差別是什麼

可以看出,attr("value") 不能取得手動輸入的值

接下來用val( ) 來賦值(ruleForm.jibengongzi是數字)

$("#jibengongzi").val(ruleForm.jibengongzi);

然後印出來

jquery中attr和val的差別是什麼##再用attr 賦值

$("#jibengongzi").attr("value",ruleForm.jibengongzi);

jquery中attr和val的差別是什麼#除此之外,使用過程中attr有一點Bug,讓我不能用js給輸入框賦值,具體原因不知道,全部都改用val就沒問題了。本文僅當個人學習記錄,有問題歡迎指出,一起學習進步

相關視頻教程推薦:

jQuery視頻教程

#

以上是jquery中attr和val的差別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn