jqueryオブジェクトとDomオブジェクトの相互転送方法
1071 ワード
jQueryオブジェクトからDOMオブジェクトへ:
2つの変換方式は1つのjQueryオブジェクトをDOMオブジェクトに変換する:[index]と.get(index);
(1)jQueryオブジェクトはデータオブジェクトであり,[index]の方法で対応するDOMオブジェクトを得ることができる.
例:var$v=$("#v");//jQueryオブジェクト
var v=$v[0];//DOMオブジェクト
alert(v.checked)/このcheckboxが選択されているかどうかを検出
(2)jQuery自体が提供する、通過する.get(index)メソッド、対応するDOMオブジェクトを得る
例:var$v=$("#v");//jQueryオブジェクト
var v=$v.get(0);//DOMオブジェクト
alert(v.checked)/このcheckboxが選択されているかどうかを検出
ドキュメント内のすべての画像を要素配列として選択し、配列内に構築されたreverseメソッドでdomオブジェクト配列を逆方向にします.
HTMLコード:
jQueryコード:
DOMオブジェクトからjQueryオブジェクトへ:
既にDOMオブジェクトである場合、DOMオブジェクトを$()でパッケージするだけで、jQueryオブジェクトを得ることができます.$(DOMオブジェクト)
例:var v=document.getElementById("v");//DOMオブジェクト
var $v=$(v);//jQueryオブジェクト
変換後、jQueryのメソッドを任意に使用できます.
以上の方法により,jQueryオブジェクトとDOMオブジェクトを任意に相互変換することができる.なお、DOMオブジェクトはDOMのメソッドを使用することができ、jQueryオブジェクトはDOMのメソッドを使用することはできません.
2つの変換方式は1つのjQueryオブジェクトをDOMオブジェクトに変換する:[index]と.get(index);
(1)jQueryオブジェクトはデータオブジェクトであり,[index]の方法で対応するDOMオブジェクトを得ることができる.
例:var$v=$("#v");//jQueryオブジェクト
var v=$v[0];//DOMオブジェクト
alert(v.checked)/このcheckboxが選択されているかどうかを検出
(2)jQuery自体が提供する、通過する.get(index)メソッド、対応するDOMオブジェクトを得る
例:var$v=$("#v");//jQueryオブジェクト
var v=$v.get(0);//DOMオブジェクト
alert(v.checked)/このcheckboxが選択されているかどうかを検出
ドキュメント内のすべての画像を要素配列として選択し、配列内に構築されたreverseメソッドでdomオブジェクト配列を逆方向にします.
HTMLコード:
<img src="test1.jpg"/> <img src="test2.jpg"/>
jQueryコード:
$("img").get().reverse();
DOMオブジェクトからjQueryオブジェクトへ:
既にDOMオブジェクトである場合、DOMオブジェクトを$()でパッケージするだけで、jQueryオブジェクトを得ることができます.$(DOMオブジェクト)
例:var v=document.getElementById("v");//DOMオブジェクト
var $v=$(v);//jQueryオブジェクト
変換後、jQueryのメソッドを任意に使用できます.
以上の方法により,jQueryオブジェクトとDOMオブジェクトを任意に相互変換することができる.なお、DOMオブジェクトはDOMのメソッドを使用することができ、jQueryオブジェクトはDOMのメソッドを使用することはできません.