DOM对象和jQuery对象

对于初次学习jQuery的人来说，很容易分清楚DOM对象和jQuery对象，及其相互转化：

  • jQuery对象转化为DOM对象，只需加上[0]或者get(0)。如：$cr[0] 或 $cr.get(0)
  • DOM对象转化为jQuery对象，只需使用jQuery的对象制造工厂:$()。如$(cr)
迷惑我很久的是对于这两种变量，什么时候应该带"$"？什么时候不带？要弄清楚这个问题就要理解jQuery中$的含义。在jQuery库中，$是jQuery的简写形式。

var $a =  $("input");
var a =  $("input"); 
var $b = $(document.getElementsByTagName('input'));
var b = $(document.getElementsByTagName('input'));

从上面可以看出， $a和a既可以保存DOM对象也可以保存jQuery对象，他们是不同的变量名，没有什么其它区别，怎么声明就怎么引用。

但是一般有一个约定，用带$的变量表示jQuery对象，不带$表示DOM对象。这只是约定，没有在语法上进行限定。

var $a =  $("input");
var b = $(document.getElementsByTagName('input'));


版权声明：本文为lonfee88原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。