jquery中的 $("#jb51")与document.getElementById("jb51") 的区别_jquery

在今天写一个canvas的小程序时，才发现这两者是不一样的。

直接用alert()来显示这两个方法倒底获得的是什么。代码如下：

复制代码 代码如下:

<script> <BR>var canvas_jb51=$("#jb51"); <BR>alert(canvas_jb51); <BR>alert(document.getElementById("jb51")); <BR>var jb51_2d=canvas_jb51.getContext("2d"); <BR>var jb51_img=new Image(); <BR>jb51_img.src="images/Boston-III-48px.png"; <BR>jb51_2d.drawImage(jb51_img,0,0); <BR></script>

两个alert()分别显示为：[object Object]和[object HTMLCanvasElement]。从这里，不难看出，$("#jb51")并没有像我预想的那样。再用firebug调试看一下，
$("#jb51")和document.getElementById("jb51")倒底是什么内容。调试结果如下：

复制代码 代码如下:

$("#jb51") [canvas#jb51]
document.getElementById("jb51") canvas#jb51

想必，看到这里，不用我说，大家也会想到结果了。
实际上，$("#jb51")[0]等同于 document.getElementById("jb51")