jQueryオブジェクトとDOMオブジェクトの概要


DOMオブジェクトは、オリジナルJavaScriptで取得したオブジェクトであり、オリジナルJavaScriptのメソッドは使用できますが、jQueryのメソッドは使用できません.
jQueryオブジェクトは、jQueryの$セレクタで取得したオブジェクトであり、jQueryでDOMオブジェクトをラッピングして生成したオブジェクトであり、jQuery独自のものであり、jQueryのメソッドを使用することは可能であるが、DOMのメソッドを使用することはできない.
 
jQueryオブジェクトとDOMオブジェクトの相互変換:
1)jQueryオブジェクトをDOMオブジェクトに変換する:
jQueryオブジェクトは配列オブジェクトであるため、[index]とget(index)の2つの方法でjQueryオブジェクトをDOMオブジェクトに変換できます.
①[ index]メソッド:
var $jquery = $("#jquery") ; // jQuery   
var jquery = $jquery[0]; // DOM   

②get(index)メソッド:
var $jquery = $("#jquery") ; // jQuery   
var jquery = $jquery.get(0); // DOM   

2)DOMオブジェクトをjQueryオブジェクトに変換する:
DOMオブジェクトを$()で包装するだけで、jQueryオブジェクトを得ることができます.方法は$(DOMオブジェクト)です.
var dom = document.getElementById("dom"); // DOM  
var $dom = $(dom); // jQuery