jquery中的 $("#jb51")与document.getElementById("jb51") 的区别
2011-07-26 00:00
1096 查看
在今天写一个canvas的小程序时,才发现这两者是不一样的。
直接用alert()来显示这两个方法倒底获得的是什么。代码如下:
两个alert()分别显示为:[object Object]和[object HTMLCanvasElement]。从这里,不难看出,$("#jb51")并没有像我预想的那样。再用firebug调试看一下,
$("#jb51")和document.getElementById("jb51")倒底是什么内容。调试结果如下:
想必,看到这里,不用我说,大家也会想到结果了。
实际上,$("#jb51")[0]等同于 document.getElementById("jb51")
直接用alert()来显示这两个方法倒底获得的是什么。代码如下:
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>jb51</title> <link href="css/index.css" rel="stylesheet" type="text/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")
相关文章推荐
- jquery中的 $("#jb51")与document.getElementById("jb51") 的区别
- jquery中的$("#id")与document.getElementById("id")的区别 及html()方法
- jquery中$("#id")与document.getElementById("id")的区别与联系
- jquery中的$("#id")与document.getElementById("id")的区别
- jquery中的$("#id")与document.getElementById("id")的区别
- jquery中的$("#id")与document.getElementById("id")的区别和转换
- jquery中的$("#id")与document.getElementById("id")的区别
- jquery 中的 $("#air") 与 document.getElementById("air") 的区别
- jquery $("#id") 和document.getElementById("id")的区别
- jquery中的$("#id")与document.getElementById("id")的区别
- jquery中的$("#id")与document.getElementById("id")的区别
- jquery中的$("")与原生的document.getElementById("")的区别
- Jquery中$("#id")和document.getElementById("id")的区别
- jquery中的$("#id")与document.getElementById("id")的区别
- jquery中的 $("#**")与document.getElementById("**") 的区别
- jquery中的$("#id")与document.getElementById("id")的区别
- jQuery的$("#id")和document.getElementById("id")的区别
- jquery中的$("#id")与document.getElementById("id")的区别
- jquery中的$("#id")与document.getElementById("id")的区别
- jquery 中的 $("#id") 与 document.getElementById("id") 的区别