JavaScript jQuery对象和DOM对象

2022/2/5 14:14:10

编程Tag： javascript jQuery 对象 Dom div span myDiv

本文主要是介绍JavaScript jQuery对象和DOM对象，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

1.用原生JS获取来的对象就是DOM对象
2. jQuery方法获取的元素就是jQuery对象。
3. jQuery对象本质是:利用$对DOM对象包装后产生的对象(伪数组形式存储)。

1. DOM 对象：用原生js获取过来的对象就是DOM对象
2. jQuery对象：用jquery方式获取过来的对象是jQuery对象。本质：通过$把DOM元素进行了包装
3. jQuery 对象只能使用 jQuery 方法，DOM 对象则使用原生的 JavaScirpt 属性和方法

<body>
    <div></div>
    <span></span>
    <script>
        var myDiv = document.querySelector('div'); // myDiv 是DOM对象
        var mySpan = document.querySelector('span'); // mySpan 是DOM对象
        console.dir(myDiv);

        $('div'); // $('div')是一个jQuery 对象
        $('span'); // $('span')是一个jQuery 对象
        console.dir($('div'));

        // myDiv.style.display = 'none';
        // myDiv.hide(); myDiv是一个dom对象不能使用 jquery里面的hide方法
        // $('div').style.display = 'none'; 这个$('div')是一个jQuery对象不能使用原生js 的属性和方法
    </script>
</body>

这篇关于JavaScript jQuery对象和DOM对象的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

JavaScript jQuery对象和DOM对象

相关编程文章