jQuery物件和DOM物件

一.為什麼要有jQuery物件:

jQuery之所以流行，是因為對大量方法進行封裝，從而讓我們操作更加便利，也規避了很多瀏覽器相容問題；而這些方法並不是原生DOM物件所具有的，所以就建立jQuery物件，然後將指定方法封裝到這個物件。

二.獲取DOM物件:

通過js原生方法獲取的元素就是DOM物件，或者DOM物件集合。

程式碼例項如下:

[JavaScript] 純文字檢視 複製程式碼
document.getElementById()//獲取dom物件
document.getElementsByTagName()//獲取dom物件集合

當然原生js還有很多其他方法，這裡只是舉例。

二.獲取jQuery物件:

jQuery物件是對DOM物件的一種包裝，使之能夠使用jQuery更為豐富的DOM操作。

DOM物件不能夠使用jQuery方法，同樣jQuery物件也不能夠使用DOM物件方法。

通過jQuery選擇器獲取的物件就是jQuery物件:

[JavaScript] 純文字檢視 複製程式碼
$(selector)
jQuery(selector)

三.物件的轉換:

[JavaScript] 純文字檢視 複製程式碼
var odiv=document.getElementById("#ant");
var $div = $(odiv);

上面的程式碼是將dom物件轉換為jQuery物件。

jQuery物件是一個集合，從集合中獲取的每一個元素都是DOM元素:

[JavaScript] 純文字檢視 複製程式碼
var $div=$(".ant");
var odiv = $div.get(0);

上面是利用get()方法獲取dom元素；引數是索引值（從0開始）。

[JavaScript] 純文字檢視 複製程式碼
var $div=$(".ant");
var odiv = $div[0];

直接採用類似陣列的方式獲取也可以。