DOM对象和js对象以及jQuery对象的区别

DOM对象和js对象以及jQuery对象的区别

1、DOM对象

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

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

   2、JavaScript 对象

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

   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对象区别：
      1.jQuery对象属于js的数组；
      2.jQuery对象是经过jQuery包装的DOM对象后产生的;
      3.jQuery对象不能使用DOM对象的方法和属性
      4.DOM对象不能使用jQuery对象的方法和属性

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

                     1） js转jQuery对象：

                              $(js对象)

                     2)jQuery对象转js对象

                        示例：

                     

                       //转换jQuery对象为DOM对象

                       doc2.innerHTML="这是jQuery的第一个DOM对象"

                       //使用jQuery对象自己提供的get函数来返回指定集合位置的DOM对象

                       var doc2=$("#idDoc2").get(0);

                       doc2.innerHTML="这是jQuery的第二个DOM对象"

【当你用心写完每一篇博客以后,你会发现它比你用代码实现功能更有成就感!】