：【Javascript】jQuery的$(#id)和document.getElementById(id)的區(qū)別

以前一直認為jquery中的$("#id")和JS中的document.getElementById("id")得到的效果是一樣的，直到今天將JS用jQuery改寫時才發(fā)現(xiàn)并不是這么一回事，通過測試得到：

alert($("#div"))得到的是[object Object]

alert(document.getElementById("div"))得到的是[object HTMLDivElement]

alert($("#div")[0])或者alert($("#div").get(0))得到的是[object HTMLDivElement]

原因解讀：

document.getElementById()返回的是DOM對象，而$()返回的是jQuery對象

jQuery對象轉(zhuǎn)成DOM對象： 

兩種轉(zhuǎn)換方式將一個jQuery對象轉(zhuǎn)換成DOM對象：[index]和.get(index);

DOM對象轉(zhuǎn)成jQuery對象：

只需要用$()把DOM對象包裝起來，就可獲得一個jQuery對象：$(DOM對象)