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);
    //
var div3 = $("#div3"); console.log(div3); //Object[] 判断是否获取到元素,使用jQuery.length != 0; });

你可能感兴趣的:(32.jQuery对象)