锋利的jQuery——DOM对象与jQuery对象的转换

Posted 2020-09-09

1、认识jQuery

1. DOM对象：即文档对象模型
2. jQuery对象：通过jQuery包装DOM对象后产生的对象。这是jQuery对象所特有的，在jQuery对象中无法使用DOM对象的任何方法，同时DOM对象也不能使用jQuery对象的方法。（这也是我自己在写代码的时候经常弄混的一条）
3. DOM对象和jQuery对象的互换：一般的在jQuery对象前面加上$

• • jQuery对象转换成DOM对象：
    • Jquery对象是一个类似数组的对象，可以通过[index]的方法得到相应的DOM对象

      //代码如下
        var $cr = $("#cr");  //Jquery对象
        var cr = $cr[0];        //DOM对象

    •  另外一种方法是Jquery本身提供的，通过get（idnex）方法得到相应的DOM对象

      //代码如下
        var $cr = $("#cr");  //Jquery对象
        var cr = $cr.get[0];        //DOM对象
      

  • DOM对象转换为Jquery对象
    • 对于DOM对象，只需要用$()把对象包装起来，就可以获得一个jQuery对象

      //代码如下
        var cr = document.getElementById("cr");  //DOM对象
        var $cr = $(cr);        //Jquery对象