ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery オブジェクトと Javascript 間の変換のコード例 object_jquery
1. DOMオブジェクトをjQueryオブジェクトに変換
すでに DOM オブジェクトである DOM オブジェクトの場合、DOM オブジェクトを $() でラップするだけで jQuery オブジェクト $(DOM object) を取得できます
例: var v = document.getElementById(“v”) //DOM オブジェクト
var $v = $(v) //jQuery オブジェクト
変換後は、jQuery メソッドを自由に使用できます。
2. jQueryオブジェクトをDOMオブジェクトに変換する
jQuery オブジェクトを DOM オブジェクトに変換する 2 つの変換メソッド: [index] と .get(index)
(1) jQueryオブジェクトはデータオブジェクトであり、対応するDOMオブジェクトは[index]メソッドで取得できます。
例: var $v = $(“#v”) //jQuery オブジェクト
var v = $v[0] //DOM オブジェクト
;alert(v.checked); //このチェックボックスが選択されているかどうかを確認します
(2) jQuery 自体が .get(index) メソッドを通じて対応する DOM オブジェクトを提供します
例: var $v = $(“#v”) //jQuery オブジェクト
var v = $v.get(0); //DOM オブジェクト ($v.get()[0] も使用可能)
alert(v.checked); //このチェックボックスがチェックされているかどうかを確認します