在今天写一个canvas的小程序时，才发现这两者是不一样的。
直接用alert()来显示这两个方法倒底获得的是什么。代码如下：
[url=css/index.css]<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
</head>
<body>
<div class="warp">
<canvas id="jb51"></canvas>
</div>
<script>
var canvas_jb51=$("#jb51");
alert(canvas_jb51);
alert(document.getElementById("jb51"));
var jb51_2d=canvas_jb51.getContext("2d");
var jb51_img=new Image();
jb51_img.src="images/Boston-III-48px.png";
jb51_2d.drawImage(jb51_img,0,0);
</script>
</body>
</html>
两个alert()分别显示为：[object Object]和[object HTMLCanvasElement]。从这里，不难看出，$("#jb51")并没有像我预想的那样。再用firebug调试看一下，
$("#jb51")和document.getElementById("jb51")倒底是什么内容。调试结果如下：
$("#jb51") [canvas#jb51]
document.getElementById("jb51") canvas#jb51
想必，看到这里，不用我说，大家也会想到结果了。
实际上，$("#jb51")[0]等同于 document.getElementById("jb51")
机械节能产品生产企业官网模板...
大气智能家居家具装修装饰类企业通用网站模板...
礼品公司网站模板
宽屏简约大气婚纱摄影影楼模板...
蓝白WAP手机综合医院类整站源码（独立后台）...
