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

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

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

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

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

原因解讀：

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

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

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

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

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