DOM对象、js对象、jQuery对象的区别

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

一、DOM对象

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

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

二、JavaScript 对象

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

三、jQuery对象

  1. jQuery对象其实是一个JavaScript的数组,这个数组对象包含125个方法和4个属性 
  2. 4个属性分别是
  • jquery 当前的jquery框架版本号
  • length 指示该数组对象的元素个数 .
  • context 一般情况下都是指向HtmlDocument对象 .
  • selector 传递进来的选择器内容

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

1.jQuery对象和js对象区别:

  • 1.jQuery对象属于js的数组,确切是伪数组;
  • 2.jQuery对象是通过jQuery包装的DOM对象后产生的;
  • 3.jQuery对象不能使用DOM对象的方法和属性
  • 4.DOM对象不能使用jQuery对象的方法和属性

 2.DOM对象、js对象、jQuery对象之间的创建

DOM对象和js对象在创建的时候有一点区别其他地方都是一样的,

var variable = //这是一个JavaScript对象

var $variable = $() //这就是个jQuery对象

var variable = document.get...  //这是一个DOM对象,方法包括getElementById( )

 3.DOM对象、js对象、jQuery对象之间的相互转化

          1) js转jQuery对象:$(js对象)

          2)jQuery对象转js对象 示例:

var doc2=$("#idDoc2")[0];
//转换jQuery对象为DOM对象
doc2.innerHTML="这是jQuery的第一个DOM对象"
//使用jQuery对象本身提供的get函数来返回指定集合位置的DOM对象 
var doc2=$("#idDoc2").get(0);  
doc2.innerHTML="这是jQuery的第二个DOM对象"  

 jQuery与JS对象之间的转换

 jQuery与DOM对象之间的转换

 

猜你喜欢

转载自blog.csdn.net/weixin_38055381/article/details/82116466