jquery物件與dom物件的區別

一、兩者區別

DOM物件通俗點講就是document.get取出來的，js中getElementsByTagName取得元素節點得到的dom元素就是dom物件（dom樹）

# Jquery對像用$()取出的都是jq對象，透過jq包裝DOM對象後產生的對象

jq方法只能jq對象調用，是jq獨有的，在jq對像中無法使用dom對象的任何方法。 dom方法只能dom物件去呼叫;

二、相互轉換

var $box = jQuery物件;

var box = dom物件；

1.jq物件轉換dom物件

jQuery物件不能使用dom中的方法，但如果對jq物件提供的方法不熟悉，可以透過兩種方法轉換

1）jq物件是一個陣列物件（偽數組），可以透過[index]下標得到對應的dom物件

$box[0].innerText = '';//得到第一個

2 )也可以透過get(index)下標得到

$box.get(0).innerText = '';//取得第一個

2.dom轉jQuery;

平常用的jQ物件就是用$()函數製造出來的，#()函數就是一個jQ物件的製造工廠。

所以$(domObj);用吧。

var box = document.getElementById("#box");
var $box = $(box);
$(function(){
var $box = $("#box");
var box = $box[0];
$box.click(function(){
if(box.style.color == red){
console.log("厉害啊")；
}
})
}）

以上是jquery物件與dom物件的區別的詳細內容。更多資訊請關注PHP中文網其他相關文章！