java的ElementById的意思_[Java教程]jquery 中的 $(#id) 与 document.getElementById(id) 的区别...

[Java教程]jquery 中的 $(#id) 与 document.getElementById(id) 的区别

0 2013-10-09 20:00:09

以前没注意过，认为jquery 中的 $("#air") 与 document.getElementById("air") 是一回事，指的是同一个东西。在今天写一个canvas的小程序时，才发现这两者是不一样的。直接用alert()来显示这两个方法倒底获得的是什么。代码如下

air

var canvas_air=$("#air");

alert(canvas_air);

alert(document.getElementById("air"));

var air_2d=canvas_air.getContext("2d");

var air_img=new Image();

air_img.src='/images/loading.gif' data-original="images/Boston-III-48px.png";

air_2d.drawImage(air_img,0,0);

两个alert()分别显示为：[object Object]和[object HTMLCanvasElement]。从这里，不难看出，$("#air")并没有像我预想的那样。再用firebug调试看一下，

$("#air")和document.getElementById("air")倒底是什么内容。调试结果如下：$("#air")                         [canvas#air]document.getElementById("air")    canvas#air想必，看到这里，不用我说，大家也会想到结果了。

实际上，$("#air")[0]等同于 document.getElementById("air");

本文网址：http://www.shaoqun.com/a/72156.html

*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们：admin@shaoqun.com。

jquery

0