ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryオブジェクトとdomオブジェクトの違い

jqueryオブジェクトとdomオブジェクトの違い

青灯夜游
青灯夜游転載
2020-09-08 12:29:161640ブラウズ

jqueryオブジェクトとdomオブジェクトの違い

関連する推奨事項: 「jQuery ビデオ チュートリアル

最近の作品には、次のような判定コードが多数あります。 jquery と dom オブジェクトには多くの場所があります。基本的な概念を強化するためにここに書きます:

1. 存在するかどうかを判断するときは、dom オブジェクトを使用する必要があります。取得対象のオブジェクトが存在するかどうかに関係なく使用されます jQuery オブジェクトを返します

2. jquery オブジェクトと dom オブジェクトの変換:

jQuery オブジェクトがオブジェクト (コレクション オブジェクト) jQuery を介して DOM オブジェクトをラップすることによって生成されます。 jQuery オブジェクトは jQuery に固有であり、jQuery のメソッドを使用できます。
したがって、jQuery オブジェクトと DOM オブジェクトは異なるものであり、相互に定義されたメソッドを呼び出すことはできません。したがって、$(‘#test’).innerHTML はエラーを報告し、document.getElementById(‘#test’)[0].html() もエラーを報告します。

通常の DOM オブジェクトは $() でラップして jQuery オブジェクトに変換できます:
$(document.getElementById('#test')).html();//Normal

jQuery オブジェクト jquery オブジェクト自体はコレクションです。DOM オブジェクトに変換するには、配列インデックスを通じて取得できます:
最初の方法: $('#test')[0]
2 番目の方法方法: $( '#test').get(0)
注意: eq(0) は引き続き jQuery オブジェクトを返し、eq(0)[0] は DOM オブジェクトです。

プログラミング関連の知識について詳しくは、プログラミング教育をご覧ください。 !

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

声明:
この記事はsegmentfault.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。