一直认为的Jquery中的$("#id")和document.getElementByID("id")是不一样的

      以前一直认为jquery中的$("#id")和document.getElementByIdx_x("id")得到的效果是一样的，

    今天用canvas 的时候发现使用$("#ID").getContext() 的时候总是报 error ：getContext is not a function()  ，后改用getElementByID("");

发现error消失

通过测试得到: 

1. alert($("#box"))得到的是[object Object]
2. alert(document.getElementByIdx_x("box"))得到的是[object HTMLDivElement]
3. alert($("#box")[0])或alert($("#box").get(0))得到的是[object HTMLDivElement]

 

因此document.getElementByIdx_x("box")等同于($("#box")[0]或($("#box").get(0)