HTML DOM和jQuery DOM放在一行中

HTML DOM and jQuery DOM in one simple line?

本文关键字:DOM 一行 jQuery HTML      更新时间:2023-09-26

我正在使用HTML5画布和jQuery在Javascript中编写一些代码。我使用getElementById来获取画布,使用$('canvas')来获取画布以使用jQuery函数。

问题是,如果我使用getElementById,我就不能在元素上使用jQuery,反之亦然。有没有一条简单的线同时适用于两者?

jQuery接受元素作为输入。
var element = document.getElementById("myCanvas");
// do stuff with element
var $element = $(element);
// do stuff with $element

tcoc的答案非常直接。另一种选择是:

var element = $('#id'); // gives you a jQuery object

您可以将element用于所有jQuery函数。要访问非jQuery对象,请使用element.get(0).id