Dom对象、JavaScript对象、jQuery对象区别

一、Dom对象、JavaScript对象、jQuery对象

1.1 Dom对象

文档对象模型简称DOM，是W3C组织推荐的处理可扩展置标语言的标准编程接口。

• DOM实际上是以面向对象方式描述的文档模型。DOM定义了表示和修改文档所需的对象、
  这些对象的行为和属性以及这些对象之间的关系。
• 通过DOM，可以访问所有的 HTML 元素，连同它们所包含的文本和属性。可以对其中的
  内容进行修改和删除，同时也可以创建新的元素。
• DOM 独立于平台和编程语言。它可被任何编程语言诸如 Java、JavaScript 和
  VBScript 使用。
• DOM对象，即是我们用传统的方法(javascript)获得的对象。
• DOM准确说是对文档对象的一种规范标准(文档对象模型),标准只定义了属性和方法行为。

1.2 JavaScript对象

• JavaScript 提供多个内建对象，比如 String、Date、Array 等等。
• 对象只是带有属性和方法的特殊数据类型。
• 通过js获取的DOM对象就是js对象
• 当浏览器支持js的dom接口(api)时，这里狭义的dom对象是以js对象的形式出现的，
  也就是一个js对象。

1.3 jQuery对象

1）概述
jQuery对象其实是一个JavaScript的数组,这个数组对象包含125个方法和4个属性
4个属性分别是：

• jquery 当前的jquery框架版本号
• length 指示该数组对象的元素个数 .
• context 一般情况下都是指向HtmlDocument对象 .
• selector 传递进来的选择器内容

jquery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的，
其可以使用jQuery里的方法，但是不能使用DOM的方法;反过来Dom对象也不能使用
jquery的方法。
2）jQuery对象和js对象区别

• jQuery对象属于js的数组
• jQuery对象是通过jQuery包装的DOM对象后产生的
• jQuery对象不能使用DOM对象的方法和属性
• DOM对象不能使用jQuery对象的方法和属性

3）jQuery对象和js对象之间的相互转换

• js转jQuery对象

  //dom 对象
  var dom1 = document.getElementById("dom");  
  //转化为jquery对象
  var dom2 = $(dom1);

   

• jQuery对象转js对象

  //jquery对象
  var dom1 = $("#dom");
  
  //转为JavaScript对象
  
  //方法一
  var dom2 = dom1[0]
  
  //方法二 
  var dom3 = dom1.get(0)