jqueryでdocument.getElementById()と同じエレメントを取得するには

jqueryでdocument.getElementById()と同じエレメントを取得するには

久々にjqueryを触ってます。
canvasの処理をする時に

いつもは下のようなコーディングをしてるのですが、

var cEle = document.getElementById('canvas1');
var cCtx = cEle.getContext('2d');

それを

var cEle = $("#canvas1");
var cCtx = cEle.getContext('2d');

と記述して、2行目で落ちてました。
これだと、canvus1のjqueryのObjectを取得しているために、getContextできなくて落ちちゃうんでしょうね。
それで、Elementを取得するようにするために、.get()か[]でElementの配列へアクセスします。

var cEle = $("#canvas1").get(0);
var cCtx = cEle.getContext('2d');

とするか、

var cEle = $("#canvas1")[0];
var cCtx = cEle.getContext('2d');

とするか、

var cEle = $("#canvas1");
var cCtx = cEle[0].getContext('2d');

これでエレメントが取得できます。

以上、jqueryでエレメントを取得するでした。