认识 jQuery

1. jQuery 对象和 DOM 对象

• DOM (Document Object Model，文档对象模型)，每一份 DOM 都可以表示成一颗树。
• jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象。

$("#foo").html();
等同于：
document.getElementById("foo").innerHTML;

2. jQuery 对象和 DOM 对象的相互转换

var $variable = jQuery 对象
var variable = DOM 对象

2.1 jQuery 对象转成 DOM 对象

（1） jQuery 对象是一个类似数组的对象，可以通过 [index] 方法得到相应的 DOM 对象

var $cr = $("#cr");  // jQuery 对象
var cr = $cr[0];   // DOM 对象  
alert( cr.checked ); // 检测这个 checkbox 是否被选中

（2）第二种方法是 jQuery 本身提供的，通过 get(index) 方法得到相应的 DOM 对象。

var $cr = $("#cr");
var cr = $cr.get(0);
alert( cr.checked );

2.2 DOM 对象转成 jQuery 对象

$(DOM 对象)

var cr = document.getElementById("cr");
var $cr = $(cr);

参考资料：
《锋利的jQuery》