jQuery DOM物件和jQuery物件

2021-09-18 05:19:59 字數 1636 閱讀 8052

dom物件和jquery物件

dom物件是指頁面上的標籤節點等，必須是頁面文件樹中的節點。dom物件可以通過傳統的js方法獲得，**如下：

var domobj=document.


getelementbyid


("id"


);
jquery物件是指通過jquery包裝dom物件後產生的物件，是jquery獨有的。**如下：

var $obj=$(


"#id"


);
兩者的區別：

雖然jquery物件是包裝dom物件後產生的，但是jquery無法使用dom物件的任何方法，同理dom物件也不能使用jquery裡的方法，亂使用會報錯。比如，下面的這些寫法就是錯誤的。

$


("#id"


).innerhtml;


document.


getelementbyid


("id").


html()


;//html()方法是jquery中的方法，意為獲取對應id元素內的html**
用#id作為選擇符取得的是jquery物件與document.getelementbyid(「id」)得到的dom物件，這兩者並不等價。

兩者之間的轉換

jquery物件轉換成dom物件

jquery提供了兩種方式將jq物件轉換為dom物件：

1.[index]方法.因為jquery物件是乙個資料集。

var $obj =$(


"#lt");


//jquery物件


var domobj=$obj[0]


;//dom物件


alert


(domobj.innerhtml)


//獲得dom物件的html**
2.通過 .get(index)方法

var $obj=$(


"#lt");


//jquery物件


var domobj=$obj.


get(0)


;//dom物件


alert


(domobj.innerhtml)


//獲得dom物件的html**
dom物件轉換為jquery物件

用$()把dom物件包裝起來，就可以獲得乙個jquery物件。

var domobj=document.


getelementbyid


("lt");


//dom物件


var $obj=


$(domobj)


;//jquery物件
最後，附上乙個通過jquery對dom元素新增和移除樣式的例子。

"jquery-1.7.1.js"


>


<


/script>


$(function()


);$(


"#btn2").


click


(function()


);})


;<


/script>

jQuery DOM物件和jQuery物件及轉換

剛開始學習jquery，可能一時會分不清楚哪些是jquery物件，哪些是dom物件。至於dom物件不多解釋，我們接觸的太多了，下面重點介紹一下jquery，以及兩者相互間的轉換。什麼是jquery物件？就是通過jquery包裝dom物件後產生的物件。jquery物件是jquery獨有的，其可以使用j...

jQueryDOM物件總結

jquerydom物件總結 在jq裡物件提供的方法js不能用js裡提供的方法jq不能用 在jq與js的操作對比裡很明顯jq的操作方法是要比js方便的多，js要去記憶某個節點的操作方法 瀏覽器是否相容而jq就不用去管這些相比jq的 量也是遠遠低於js的 量。如何將js物件轉化成乙個jq物件？這個方法就...

jQuery DOM 物件互相轉化

1.jquery物件 jquery物件就是使用 domobj 將dom物件包裝起來。一般在jquery物件前面加上 這樣與dom物件區分，它已經是一種公認的命名約定。jquery物件不能呼叫dom物件的屬性和方法，同樣dom物件也不能呼叫jquery物件的屬性和方法。2.jquery物件轉成dom物...