jQuery对象和Dom对象

小犬牙吃糖果

于 2022-12-02 10:10:44 发布

阅读量419

点赞数

CC 4.0 BY-SA版权

文章标签： jquery javascript 前端

本文链接：https://blog.youkuaiyun.com/LUXCC6/article/details/128143188

本文介绍了jQuery中顶级对象的概念，对比了jQuery对象与DOM对象的区别，并详细讲解了两者之间的相互转换方法。通过实例演示了如何将DOM对象转换为jQuery对象，以及如何从jQuery对象返回DOM对象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、jQuery中的顶级对象

$是 jQuery 的别称，在代码中可以使用 jQuery 代替，但一般为了方便，通常都直接使用 $ 。
$是jQuery的顶级对象，相当于原生JavaScript中的 window。把元素利用$包装成jQuery对象，就可以调用jQuery 的方法。

二、 jQuery 对象和 DOM 对象

使用jQuery方法和原生JS获取的元素不一样：

1.使用原生js获取来的对象就是DOM对象

2.jQuery方法获取的元素就是jQuery对象

3.jQuery对象本质是：利用$对DOM对象包装后产生的对象(伪数组形式存储)。

4.只有jQuery对象才能使用jQuery方法，DOM对象则使用原生的JavaScirpt方法。

三、jQuery 对象和 DOM 对象转换

    <script>
        //dom对象 --->  jQuery对象
        // let div = document.querySelector('div')
        // $(div).hide()

        //jQuery对象 --->  dom对象
        //第一种方式
        $('div')[0].style.display = 'none'
        console.log($('div')[0]);

        //第二种方式
        $('div').get(0).style.display = 'none'
    </script>