首页 > 代码库 > 锋利的jQuery(1)——DOM对象与jQuery对象的转换

锋利的jQuery(1)——DOM对象与jQuery对象的转换

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对象

锋利的jQuery(1)——DOM对象与jQuery对象的转换