锋利的jQuery(1)

  1. 在jQuery库中,$就是jQuery(被称作是jQuery自身的快捷方式).例如:$(“#foo”)和jQuery(“#foo”)是等价的, $.ajax和jQuery.ajax是等价的.
  2. 在jQuery对象中无法使用DOM对象的任何方法,同样,DOM对象也不能使用jQuery里的方法.$(“#id”).innerHTML 和 document.getElementById(“id”).html()都是错误的
  3. jQuery对象和DOM对象的相互转化:jQuery对象:var $variable = jQuery对象, var variable = DOM对象.
  4. jQuery提供了两种方法将一个jQuery对象转化成DOM对象, 即[index] 和 get(index). jQuery对象是一个数组对象,可以通过[index]的方法得到相应的DOM对象.jQuery代码如下:
    var $cr = $("#cr"); // jQuery对象
    var cr = $cr[0]; // DOM对象
    alert(cr.checked);

    另一种方法时jQuery本身提供的, 通过get(index)方法得到相应的DOM对象:
    var $cr = $("#cr"); // jQuery对象
    var cr = $cr.get(0); // DOM对象
    alert(cr.checked);
  5. DOM对象转化成jQuery对象:
    对于一个DOM对象, 只需要用$()把DOM对象包装起来, 就可以获得一个jQuery对象.方式为$(DOM对象).
    jQuery代码如下:
    var cr = document.getElementById("cr"); // DOM对象
    var $cr = $(cr); //jQuery对象

    转化后可以任意使用jQuery中的方法.
原文地址:https://www.cnblogs.com/leelike/p/1860957.html