それらの間の変換について話す前に、それらの関係について話しましょう:
Js は動的に弱い型付け言語であり、JavaScript の略語です。一方、jQuery は js のカプセル化と拡張であり、jQuery はjs によってカプセル化されたフレームワーク。
jquery をより便利かつ簡潔にします。たとえば、js は生麺のようなものですが、jquery はインスタント麺で、浸してから食べられるので便利です。
つまり、jquery はより多くの関数を完了するために最小限のコードを使用します。上記は、jsとjqueryの違いについての私の理解です。
例: $("#img").attr("src","test.jpg"); $("#img") は jQuery オブジェクトです。 document.getElementById("img") は DOM オブジェクトです。
1. DOM オブジェクトを jQuery オブジェクトに変換する
既に DOM オブジェクトである DOM オブジェクトの場合、DOM オブジェクトを $() でラップするだけで jQuery オブジェクト $(DOM object) を取得できます。注: Var は、次のような変数
を定義するメソッドです。変換後は、jQuery メソッドを自由に使用できます。
2. jQuery オブジェクトを DOM オブジェクトに変換する
jQuery オブジェクトを DOM オブジェクトに変換する方法については、[index] と .get(index) の 2 つの変換メソッドで説明します。 [index] メソッドを通じて対応する DOM オブジェクトを取得できます。 例:
var v = document.getElementById("v"); //DOM对象 var $v = $(v); //jQuery 对象
(2) jQuery自体が.get(index)メソッドを通じて対応するDOMオブジェクトを提供します
例:
var $v = $("#v"); //jQuery 对象 var v = $v[0]; //DOM 对象 alert(v.checked); //检测这个checkbox是否被选中
上記のメソッドを通じて、jQueryオブジェクトとDOMオブジェクトを相互に変換できますDOM オブジェクトのみが DOM 内のメソッドを使用でき、jQuery オブジェクトは DOM 内のメソッドを使用できないことを強調します。
以上がjQuery オブジェクトと DOM オブジェクトの相互変換の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。