通过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;
});
网友评论