以前没注意过,认为jquery 中的 $("#jb51") 与 document.getElementById("jb51") 是一回事,指的是同一个东西。
在今天写一个canvas的小程序时,才发现这两者是不一样的。
直接用alert()来显示这两个方法倒底获得的是什么。代码如下:
jb51
两个alert()分别显示为:[object Object]和[object HTMLCanvasElement]。从这里,不难看出,$("#jb51")并没有像我预想的那样。再用firebug调试看一下,
$("#jb51")和document.getElementById("jb51")倒底是什么内容。调试结果如下:
$("#jb51") [canvas#jb51]
document.getElementById("jb51") canvas#jb51
想必,看到这里,不用我说,大家也会想到结果了。
实际上,$("#jb51")[0]等同于 document.getElementById("jb51")
直接用alert()来显示这两个方法倒底获得的是什么。代码如下:
复制代码 代码如下:
两个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") 的区别的详细内容,更多请关注0133技术站其它相关文章!