32.jQuery物件

通過document.getElementById()找到的console內容和通過$();找到元素console返回的內容不一樣

1，通過jQuery方法獲取的頁面元素，都是jQuery物件, 返回物件是一個偽陣列

2，jQuery物件其實就是對DOM物件進行了包裝，增強相關了方法，讓開發者使用起來更加便利。

3，雖然jQuery物件包裝了DOM物件但是兩種不能混用(方法與屬性)，可以理解為jQuery物件與DOM物件是兩個不型別的物件，但是我們呼叫jQuery物件的方法，事實上底層程式碼還是操作的是DOM物件。

DOM原生物件轉jQuery物件

$(元素DOM物件)

//得到dom物件
var msg = document.getElementById("msg");

//dom物件轉jQuery物件
$(msg);

jQuery中沒有提供獲取標籤名的方式,所以需要把jquery物件轉換為dom物件

jQuery物件[0]/jQuery物件.get(0);

示例程式碼:

$(function() {
    var div = $("#div1");
    console.log(div);
    //Object[div#div1]
    
    var div1 = document.getElementById("div1");
    console.log(div1);
    //<div id="div1">
    
    var div3 = $("#div3");
    console.log(div3);
    //Object[]     判斷是否獲取到元素,使用jQuery.length != 0;
});