javascript - 如何使用 jquery 将 dom 元素放入变量中？

Question

我正在玩一个关于 Canvas 的初学者教程

我想知道我是否可以更改此设置(直接从教程开始工作):

     <script>  
        $(document).ready(function() {  
            var can = document.getElementById("myCanvas");  
            var ctx = canvas.getContext("2d");
            ctx.fillRect(50, 25, 150, 100);
        });  
    </script> 

进入这个:

 $(document).ready(function() { 
    can = $("mycanvas");
    var ctx = canvas.getContext("2d");
    ctx.fillRect(50, 25, 150, 100);
 }); 

或者甚至是

var ctx=$("mycanvas").getContext("2d");
ctx.fillRect(50,25,150,100);

有些东西不起作用，我不知道是什么？ 正如我在无数文章中看到的那样，我尝试添加 .val()

can=$("#mycanvas").val()

还有 .atrr()

can=$("mycanvas").attr("id")

但是没有用 我究竟做错了什么？或者 jquery 是不可能的？ 我很乐意为此提供任何帮助。

Answer 1

是.attr('id')，不是.atrr('id')。

要从 jQuery 对象获取 DOM 节点，请使用数组下标运算符 ([]) 或 .get() 方法:

var can = $('#mycanvas')[0]; // or:
var can = $('#mycanvas').get(0);