初学html5请教问题

HTML code

            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
请教，指点迷津

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


------解决方案--------------------
什么意思。。