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》