Object对象，DOM对象，jQuery对象三者的关系：其实DOM对象和jQuery对象都是Object对象

Object对象，DOM对象，jQuery对象三者的关系：其实DOM对象和jQuery对象都是Object对象

那么为什么DOM对象和jQuery对象都可以调用自己的方法，而Object对象不可以？

比如：

 var objectTest=new  Object();
               objectTest.name=”Tom“;
               objectTest.title="修改";

var domTest= document.getElementById("XX");

              domTest.getAttribute(”YY“);

var jqueryTest= $("#XX");

               jqueryTest.attr("YY");

原因是：

首先要搞清楚，JavaScript是解释型语言，不需要编译，直接执行，在浏览器执行时才校验语法。

1）DOM对象

各浏览器中的JavaScript解析器，都是可以识别DOM语法的。

在读到var domTest= document.getElementById("XX");这一句时，浏览器内核就在内存中创建了一个domTest的Object类型的对象。并且给domTest对象赋值，即给domTest对象的属性赋值，其中有个属性就是getAttribute（只是这一个属性是一个函数而已）。

什么是对象，对象就是拥有属性值得特殊数据类型。JavaScript对象是这样，Java类也是这样，任何面向对象的编程语言都是这样。面向对象的变成思想，其实就是这个意思。

看一个编程语言是不是面向对象的，就看他的数据类型里，有没有一种类型，是拥有属性值得，即有没有类的概念，由此来看Java是有的（自定义类，可以定义属性），JavaScript也是有的（Object类，可以定义属性）。

2）jQuery对象

jQuery对象跟Dom对象是不一样的，其代码不被浏览器解析器所识别。

在读到var jqueryTest= $("#XX");这一句时，如果不引入jQuery.js文件，是会报错的。

在引入了jQuery.js之后，var jqueryTest= $("#XX");这一句时，浏览器内核就在内存中创建了一个jqueryTest的Object类型的对象。并且给jqueryTest对象赋值，即给jqueryTest对象的属性赋值，其中有个属性就是attr（只是这一个属性是一个函数而已）。