document.getElementById("id").value與$("#id").val()之間的區別

本文連接：https://blog.csdn.net/mottohlm/article/details/78364196
....
今天在項目中遇到這麼一個JS報錯：
緣由是代碼中有這麼一段：
對，就是
varotherWageChageType =document.getElementById("otherWageChageType").value;
中的「otherWageChageType」這個ID不存在致使的。
由於JS報錯，致使頁面死掉不動了。
若是把這句改成
$("#otherWageChageType").val();
卻不會報錯 ，只是 varotherWageChageType
取得的值是undefined ，頁面不會報錯，更不會死掉，只是後續用此值所要作的判斷無法獲得正確想要的結果而已。
就用戶體驗來講，用jquery的更好些。

其實
document.getElementById("id") 獲得 的是[object HTMLDivElement]一個DOM對象；
$("#id") 獲得 的是[object Object]一個Jquery 對象。

明顯通過封裝後的jquery 對象對咱們更友好點，中間通過判斷優化 使得 $("#id").val() 這個方法必定不會報錯。

另外再說一點，其實這兩個對象是能夠相互轉換的哦

$(document.getElementById("id")) 就能夠由一個DOM對象變爲一個Jquery 對象了；
$("#id")[0] 或是$("#id").get(0) 就能夠由一個jquery 對象變爲一個DOM對象了。
————————————————
版權聲明：本文爲CSDN博主「mottohlm」的原創文章，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處連接及本聲明。
原文連接：https://blog.csdn.net/mottohlm/article/details/78364196