jQueryオブジェクトとDOMオブジェクトの概要
878 ワード
DOMオブジェクトは、オリジナルJavaScriptで取得したオブジェクトであり、オリジナルJavaScriptのメソッドは使用できますが、jQueryのメソッドは使用できません.
jQueryオブジェクトは、jQueryの$セレクタで取得したオブジェクトであり、jQueryでDOMオブジェクトをラッピングして生成したオブジェクトであり、jQuery独自のものであり、jQueryのメソッドを使用することは可能であるが、DOMのメソッドを使用することはできない.
jQueryオブジェクトとDOMオブジェクトの相互変換:
1)jQueryオブジェクトをDOMオブジェクトに変換する:
jQueryオブジェクトは配列オブジェクトであるため、[index]とget(index)の2つの方法でjQueryオブジェクトをDOMオブジェクトに変換できます.
①[ index]メソッド:
②get(index)メソッド:
2)DOMオブジェクトをjQueryオブジェクトに変換する:
DOMオブジェクトを$()で包装するだけで、jQueryオブジェクトを得ることができます.方法は$(DOMオブジェクト)です.
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