我正在使用HTML5畫布和jQuery在JavaScript中的一些代碼。我使用getElementById
來獲取畫布,我使用$('canvas')
來使畫布使用jQuery函數。在一個簡單的行中的HTML DOM和jQuery DOM?
問題是如果我使用getElementById
我不能在元素上使用jQuery,反之亦然。是否有一條適用於兩者的簡單線條?
我正在使用HTML5畫布和jQuery在JavaScript中的一些代碼。我使用getElementById
來獲取畫布,我使用$('canvas')
來使畫布使用jQuery函數。在一個簡單的行中的HTML DOM和jQuery DOM?
問題是如果我使用getElementById
我不能在元素上使用jQuery,反之亦然。是否有一條適用於兩者的簡單線條?
jQuery接受元素作爲輸入。
var element = document.getElementById("myCanvas");
// do stuff with element
var $element = $(element);
// do stuff with $element
tcooc的回答非常簡單。另一種選擇是:
var element = $('#id'); // gives you a jQuery object
可以使用element
所有jQuery函數。要訪問非jQuery對象,使用element.get(0).id
確實可以同時使用'.getElementById()'和jQuery來操縱相同的元素。 – Pointy 2014-10-27 22:04:44
您不能在同一對象上使用本地DOM和jQuery方法。你有一個jQuery對象或一個DOM節點,所以你需要使用正確的方法。但是,您可以從jQuery對象中提取DOM節點,或者將DOM節點放入新的jQuery對象中。 – 2014-10-27 22:07:13
你可以傳遞一個對象給jQuery它不關心 – 2014-10-27 22:09:25