Document.getElementById 与 $('#id')的区别

一直认为jquery中的$("#id")和document.getElementByIdx_x("id")得到的效果是一样的，今天才发现并不是这么一回事，通过测试得到:

1. alert($("#box"))得到的是[object Object]
2. alert(document.getElementById("box"))得到的是[object HTMLDivElement]
3. alert($("#box")[0])或alert($("#box").get(0))得到的是[object HTMLDivElement]
4. $('#id')[0]或者$('#id').get(0) 应该和document.getElementById(id)的结果一样