jQuery对象和DOM对象_jquery对象和window对象-优快云博客

本文链接：https://blog.youkuaiyun.com/zwt_1/article/details/81231862

本文介绍了浏览器中的顶级对象window及页面中的顶级对象document，并详细解释了jQuery中的顶级对象及其使用方法。对比了DOM对象和jQuery对象的区别，以及如何在两者间进行转换。

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

顶级对象：

浏览器中的顶级对象：window，浏览器中和页面中的所有东西都是window的

页面中的顶级对象：document

jQuery中的顶级对象：jQuery----->为了方便可以用$来代替，jQuery的js文件中的所有东西都是jQuery或$下的

在jQuery中使用属性和方法：

$.属性名和$.方法名()，或jQuery.属性名、jQuery.方法名()

而jQuery中几乎都是方法，属性很少，jQuery把DOM事件函数去掉on，然后封装为方法

例如：

DOM：document.getElementById("id属性值").onclick = 匿名函数;

jQuery：$("#id属性值").click(匿名函数);

DOM对象和jQuery对象：

一个对象时通过DOM方式获取的就是DOM对象（例如：document.getElementById("id属性值")），如果是通过jQuery方式获取的就是jQuery对象（例如：$("#id属性值")）通过这两种不同方式获取的对象并不相等。

jQuery对象无法使用DOM对象的任何方法，同样DOM对象也无法使用jQuery对象的任何方法。所以要想使用对方的方法，那么就必须进行转换。

jQuery对象和DOM对象的相互转换

1、DOM对象转成jQuery对象

- $(DOM对象)

var cr = document.getElementById("cr");          //DOM对象

var $cr = $(cr);                                //jQuery对象

注意：平时用到的jQuery对象都是通过$()函数制造出来的，$()函数就是一个jQuery对象的制造工厂。

2、jQuery对象转成DOM对象

- jquery对象[0]或jquery对象.get(0)

var $cr = $("#cr");      //jQuery对象

var cr = $cr[0];        //DOM对象

car cr2 = $cr.get(0);   //DOM对象