Как к объектам полученными jquery применить стандартные методы javascript?
 

Добрый день.
Только сегодня начал изучать jQuery и сразу получил проблему. Почему, я не могу применить к DOM элементу полученому с помощью jQuery методы стандартного javascript.

Вот собственно эта проблема:

<!-- Наш DOM элемент -->
<canvas id="canvas" height="400" width="600"></canvas>

//Javascript это работает
var canvas = document.getElementById('canvas').getContext('2d');

//jQuery не работает
var canvas = $('#canvas').getContext('2d');

//Вот такая ошибка в Google Chrome
Uncaught TypeError: Object [object Object] has no method 'getContext'

Вопрос такой. Можно так делать или нет.

Потому что JQuery обертывает элемент в свой объект.
Для получения самого DOM элемента используйте .get()

var canvas = $('#canvas').get(0).getContext('2d');

Огромное спасибо! То что надо. Хотя если подумать над строчкой Object [object Object], закрадываются в голову те же мысли.

или $('#canvas')[0].getContext('2d')

Да пожалуй это будет покороче.