1. jQuery 對(duì)象和 DOM 對(duì)象
- DOM (Document Object Model劈伴,文檔對(duì)象模型)咒精,每一份 DOM 都可以表示成一顆樹(shù)镶柱。
- jQuery 對(duì)象就是通過(guò) jQuery 包裝 DOM 對(duì)象后產(chǎn)生的對(duì)象。
$("#foo").html();
等同于:
document.getElementById("foo").innerHTML;
2. jQuery 對(duì)象和 DOM 對(duì)象的相互轉(zhuǎn)換
var $variable = jQuery 對(duì)象
var variable = DOM 對(duì)象
2.1 jQuery 對(duì)象轉(zhuǎn)成 DOM 對(duì)象
(1) jQuery 對(duì)象是一個(gè)類似數(shù)組的對(duì)象狠轻,可以通過(guò) [index] 方法得到相應(yīng)的 DOM 對(duì)象
var $cr = $("#cr"); // jQuery 對(duì)象
var cr = $cr[0]; // DOM 對(duì)象
alert( cr.checked ); // 檢測(cè)這個(gè) checkbox 是否被選中
(2)第二種方法是 jQuery 本身提供的奸例,通過(guò) get(index) 方法得到相應(yīng)的 DOM 對(duì)象。
var $cr = $("#cr");
var cr = $cr.get(0);
alert( cr.checked );
2.2 DOM 對(duì)象轉(zhuǎn)成 jQuery 對(duì)象
$(DOM 對(duì)象)
var cr = document.getElementById("cr");
var $cr = $(cr);
參考資料:
《鋒利的jQuery》