DOM对象和JQuery对象别还傻傻分不清
经常分辨不清哪些是jQuery对象,哪些是 DOM对象?
DOM对象,即是我们用传统的方法(javascript)获得的对象,jQuery对象即是用jQuery类库的选择器获得的对象; |
---|
上代码帮助大家理解:
<button id="btn">提交</button>
<script>
var t1 = $("#btn")
console.log("***");
console.log(t1);
console.log("***");
var t2 = $("#btn")[0]
console.log(t2);
console.log("***");
var t3 = document.querySelector("#btn")
console.log(t3);
console.log("***");
</script>
控制台打印情况展示:
将jquery展开展示:
…还有蛮多的😴
🏵🌸总结🌸🏵
上面,t2=t3<t1;
jquery获取的对象能够操作的空间更多,并且可以通过操作转化为dom对象。
$("选择器")[0]