2014-10-27 39 views
0

我正在使用HTML5畫布和jQuery在JavaScript中的一些代碼。我使用getElementById來獲取畫布,我使用$('canvas')來使畫布使用jQuery函數。在一個簡單的行中的HTML DOM和jQuery DOM?

問題是如果我使用getElementById我不能在元素上使用jQuery,反之亦然。是否有一條適用於兩者的簡單線條?

+3

確實可以同時使用'.getElementById()'和jQuery來操縱相同的元素。 – Pointy 2014-10-27 22:04:44

+0

您不能在同一對象上使用本地DOM和jQuery方法。你有一個jQuery對象或一個DOM節點,所以你需要使用正確的方法。但是,您可以從jQuery對象中提取DOM節點,或者將DOM節點放入新的jQuery對象中。 – 2014-10-27 22:07:13

+0

你可以傳遞一個對象給jQuery它不關心 – 2014-10-27 22:09:25

回答

1

jQuery接受元素作爲輸入。

var element = document.getElementById("myCanvas"); 
// do stuff with element 
var $element = $(element); 
// do stuff with $element 
0

tcooc的回答非常簡單。另一種選擇是:

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

可以使用element所有jQuery函數。要訪問非jQuery對象,使用element.get(0).id