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)第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」