ホームページ >ウェブフロントエンド >フロントエンドQ&A >dom オブジェクトと jquery オブジェクトの違いは何ですか

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

青灯夜游
青灯夜游オリジナル
2021-11-15 16:36:164579ブラウズ

違い: 1. DOM オブジェクトは、JavaScript メソッドを使用してページ内の要素を取得することによって返されるオブジェクトですが、jquery オブジェクトは、jquery メソッドを使用してページ内の要素を取得することによって返されるオブジェクトです。 ; 2. DOM オブジェクトは DOM メソッドで事前に定義されたものにのみアクセスでき、jquery オブジェクトは jQuery によって提供されるメソッドのみを呼び出すことができます。

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

このチュートリアルの動作環境: Windows7 システム、jquery1.10.2 バージョン、Dell G3 コンピューター。

Dom オブジェクト

DOM と呼ばれるドキュメント オブジェクト モデルは、DOM が推奨する拡張可能なマークアップ言語を処理するための標準プログラミング インターフェイスです。 W3C組織。

  • DOM は、実際にはオブジェクト指向で記述されたドキュメント モデルです。 DOM は、ドキュメントを表現および変更するために必要なオブジェクト、これらのオブジェクトの動作とプロパティ、およびこれらのオブジェクト間の関係を定義します。

  • DOM を通じて、すべての HTML 要素と、そこに含まれるテキストおよび属性にアクセスできます。コンテンツは変更および削除でき、新しい要素を作成することもできます。

  • DOM はプラットフォームやプログラミング言語に依存しません。 Java、JavaScript、VBScript などのあらゆるプログラミング言語で使用できます。

  • DOM オブジェクトは、従来の方法 (JavaScript) を使用して取得したオブジェクトです。

  • DOM はまさにドキュメント オブジェクト (Document Object Model) の仕様標準であり、この標準ではプロパティとメソッドの動作のみが定義されています。

jQuery オブジェクト

jQuery オブジェクトは実際には JavaScript 配列です。この配列オブジェクトには 125 個のメソッドと 4 つのメソッドが含まれています。 4 つの属性

は次のとおりです:

  • jquery 現在の jquery フレームワークのバージョン番号

  • length は配列オブジェクトを示します 要素の数.

  • context は通常、HtmlDocument オブジェクトを指します。

  • selector セレクターのコンテンツに渡される

jquery オブジェクトは、DOM オブジェクトを jQuery でラップして生成されるオブジェクトです。 jQuery オブジェクトは jQuery に固有のもので、jQuery のメソッドを使用できますが、DOM メソッドは使用できません。逆に、Dom オブジェクトは jquery メソッドを使用できません。

#jQuery オブジェクトと DOM オブジェクトの違い

1. 異なる定義

DOM オブジェクト注:JavaScript のメソッドを使用してページ内の要素を取得して返されるオブジェクトは DOM オブジェクトであり、jquery で定義されたメソッドは使用できません。

var dom-elem = document.getElementById("msg")

jQuery オブジェクト: jquery オブジェクトは、jquery メソッドを使用してページ内の要素を取得します。返されるオブジェクトは jQuery オブジェクトです。 jqueryで定義されたメソッドを使用できます。

var jquery-elem = $("#msg")

2. さまざまな

DOM オブジェクトを取得するには、

document.getElement を使用して dom オブジェクトを取得します。DOM オブジェクトは事前定義されたものにのみアクセスできますDOM.メソッド内。

jQuery オブジェクトは、

$() オブジェクト処理によって返されるオブジェクトであり、jQuery の配列であり、jQueryr が提供するメソッドのみを呼び出すことができます。

プログラミング関連の知識について詳しくは、

プログラミング入門をご覧ください。 !

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。