美文网首页
32.jQuery对象

32.jQuery对象

作者: 若愚同学 | 来源:发表于2018-06-12 22:23 被阅读0次

通过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;
});

相关文章

网友评论

      本文标题:32.jQuery对象

      本文链接:https://www.haomeiwen.com/subject/epfdeftx.html