jqueryオブジェクトとDOMオブジェクトの違いは何ですか?

jquery の初心者の多くは、jquery オブジェクトと DOM オブジェクトを学習するときに、どれが jquery オブジェクトでどれが DOM オブジェクトであるかを理解できないことがよくあります。jquery の違いについて説明します。オブジェクトと DOM オブジェクト の間で、必要な友人がそれを参照できます。

jquery オブジェクトとは何なのか簡単に見てみましょう。 DOM オブジェクトとは何ですか?

jquery オブジェクト: JQuery ライブラリでは、独自のメソッドを通じてページ DOM 要素を取得できるオブジェクトを JQuery オブジェクトと呼びます。

DOM オブジェクト: DOM は、階層構造に編成されたノードまたは情報フラグメントのコレクションです。ドキュメント オブジェクト モデルは、HTML および XML ファイル用の API のセットです。 DOM の本質は、Web ページとスクリプト言語またはプログラミング言語の間に通信の橋を確立することです。

上で紹介した jquery オブジェクトと DOM オブジェクトの概念を読んだ後、jquery オブジェクトと DOM オブジェクトの違いを詳しく見てみましょう。

jquery オブジェクトと DOM オブジェクトの違い:

DOM オブジェクトは従来の方法 (JavaScript) を使用して取得されるオブジェクトであり、jQuery オブジェクトは jQuery を使用して取得されます。クラス ライブラリ セレクターによって取得されたオブジェクト。

取得したオブジェクトが jQuery オブジェクトの場合、変数の前に $ を追加すると、定義は次のようになります。

var $obj = $("#id"); //jQuery对象;

取得したオブジェクトが DOM オブジェクトの場合、定義は次のようになります。

var domObj = document.getElementById("id"); //DOM对象

JQuery オブジェクトは、DOM オブジェクトを jQuery でラップすることで生成されるオブジェクトです。 JQuery オブジェクトは jQuery に固有のものです。jQuery のメソッドは使用できますが、DOM メソッドは使用できません。例:

$("#text").html() は Get を意味します。 text の ID を持つ要素内の html コード。html() は jQuery 固有のメソッドです。上記の

$("#text").html() は次と同等です。 # #

document.getElementById("test").innerHTML;

注:

1. jQuery オブジェクトでは DOM オブジェクトのメソッドを使用できません。

例: $("#id").innerHTML $("#id").checked などの記述方法は間違っています。 $("#id").html() や $("#id").attr を使用できます。 (「チェック済み」) など 代わりに jQuery メソッドを使用します。同様に、DOM オブジェクトでは jQuery メソッドを使用できません。

2. #id をセレクターとして使用すると、jQuery オブジェクトと document.getElementById("id") で取得される DOM オブジェクトが取得されます。この 2 つは同等ではありません。

上記はこの記事の全内容です。jquery についてさらに詳しく知りたい場合は、php 中国語 Web サイトの jquery コラムを参照してください。 ！ ！

以上がjqueryオブジェクトとDOMオブジェクトの違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。