Dom对象,js对象和jquery对象的区别

痛定思痛。 2022-05-26 00:56 228阅读 0赞

第一篇写的很详细可惜不能转载，记下地址：

[https://blog.csdn.net/kuangdacaikuang/article/details/72235747][https_blog.csdn.net_kuangdacaikuang_article_details_72235747]

[https://www.cnblogs.com/Ellen-study/p/7242245.html][https_www.cnblogs.com_Ellen-study_p_7242245.html]

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个属性   
        4个属性分别是
        
         *  jquery 当前的jquery框架版本号
         *  length 指示该数组对象的元素个数 .
         *  context 一般情况下都是指向HtmlDocument对象 .
         *  selector 传递进来的选择器内容
        
        [jquery][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对象

示例：

var doc2=$("\#idDoc2")\[0\];

//转换jQuery对象为DOM对象

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

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

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

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

[https_blog.csdn.net_kuangdacaikuang_article_details_72235747]: https://blog.csdn.net/kuangdacaikuang/article/details/72235747
[https_www.cnblogs.com_Ellen-study_p_7242245.html]: https://www.cnblogs.com/Ellen-study/p/7242245.html
[jQuery]: http://lib.csdn.net/base/jquery
[JavaScript]: http://lib.csdn.net/base/javascript