jQuery オブジェクトと Javascript 間の変換のコード例 object_jquery

コードをコピーします コードは次のとおりです:

以下は私が共有したものの一部です。私はプログラミングが大好きです。あなたがもっと友達を作ることができるプログラミング愛好家の一人であれば、ぜひ友達を追加してください。次の記事は私が自分用のメモとして残しておきます。もちろん、お役に立てれば幸いです。まず読んでいただきありがとうございます~!
クライアント ページで jQuery をスクリプトとして使用している場合、多くの場合、jQuery オブジェクトと Javascript オブジェクトの変換が必要になります。 DOM オブジェクトは Javascript に固有のオブジェクト操作であるためです。 DOM オブジェクトは JavaScript 固有のメソッドを使用できますが、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); //このチェックボックスがチェックされているかどうかを確認します