javascript - 如何使用jquery选择DOM元素

Question

我在 javascript 中有一个函数可以在随机 Canvas 上绘制图像

我使用 javascript 默认选择器选择我的 img 源，然后在所需的 Canvas 上绘制部分图像

我想使用 jquery 来选择我的 img 对象，但是当我将 var img =document ... 替换为 var img=$("#karajan") 时, 但函数不在 Canvas 上绘制图像

我也尝试过 var img=$("#karajan").text() .... $("#karajan").val() .... $("#karajan").html() 但它们都不起作用

    function drawImage() {

        var img = document.getElementById("karajan");
        var arr = getRandomArray();
        for (var i = 0; i < 3; i++) {
            for (var j = 0; j < 3; j++) {
                var dx = ((j == 0) ? 0 : j * 150 + j * 10);
                var dy = ((i == 0) ? 0 : i * 150 + i * 10);
                var k = i * 3 + j;
                if (k > 7) continue;

                getCanvas(arr[k] - 1).drawImage(img, j * 150, i * 150, 150, 150, 0, 0, 150, 150);

            }
        }
    }

Answer 1

你可以只使用$("#karajan").get(0)。或 $("#karajan")[0]。