javascript对象与jQuery对象区别以及相互转化

一、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包装DOM对象后产生的对象。jQuery对象是jQuery独有的,其可以使用jQuery里的方法,但是不能使用DOM的方法;反过来Dom对象也不能使用jquery的方法

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

猜你喜欢

转载自blog.csdn.net/mo3408/article/details/81706678