本文鏈接：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