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

青灯夜游
リリース: 2020-09-08 12:29:16
転載
1611 人が閲覧しました

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 までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!