jQuery オブジェクトと DOM オブジェクトの相互変換の詳細な説明

それらの間の変換について話す前に、それらの関係について話しましょう:

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 サイトの他の関連記事を参照してください。