初学html5请教问题

[djy252]

            var canvas = document.getElementById("canvas");
            var canvas2 = $("#canvas")
             console.log(canvas, canvas2);

调试看到的结果
HTMLCanvasElement [<canvas id=​"canvas" width=​"100" height=​"100">​]

不解
为什么jquery得到的和document.getElementById得到的元素不同？
是不是只能用document.getElementById这种方式做canvas
请教，指点迷津

[djy252]

var cxt=c.getContext("2d");
修正为 var cxt=c.get(0).getContext("2d");或者var cxt=c[0].getContext("2d");
原因:因为你用jQuery("#myCanvas")得到的是jQuery对象,可是getContentx("2d")是DOM的属性.所以要转换一下才可以;

[sharpblade]

你都自问自答了。
就是因为一个是jQuery对象，一个是DOM对象。
他们之间可以转换。
jQuery对象变DOM对象就用get（）方法，
DOM对象变jQuery对象就用$()

[三石-gary]

什么意思。。

[djy252]

[Quote=引用 3 楼 的回复:]
什么意思。。
[/Quote]
[Quote=引用 2 楼 的回复:]
你都自问自答了。
就是因为一个是jQuery对象，一个是DOM对象。
他们之间可以转换。
jQuery对象变DOM对象就用get（）方法，
DOM对象变jQuery对象就用$()
[/Quote]
刚发的问题，就找打原因了。谢谢两位热心朋友！