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でエレメントを取得するでした。