DOM对象和JQuery对象别还傻傻分不清

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]