HTML要素を取得するためのjqueryとdocumentの違いは何ですか?

青灯夜游
リリース: 2020-11-20 16:40:02
転載
9978 人が閲覧しました

違い: jquery によって取得される html 要素は jquery オブジェクトであり、jquery メソッドを実行できますが、ドキュメントは dom オブジェクトを取得し、dom メソッドを実行します。 jQuery オブジェクトは jQuery に固有のものであり、DOM メソッドを使用できません。また、DOM オブジェクトは jQuery メソッドを使用できません。

HTML要素を取得するためのjqueryとdocumentの違いは何ですか?

関連する推奨事項: "jQuery チュートリアル "

最近 ocx を通じてビデオ プラグインを作成し、プラグイン HTML へ (知りたい方は見てください)

このプラグインを再生、停止など操作したいので、この要素を取得する必要があります案の定、jqueryで取得したら全く実行できず、documentで取得して普通に実行しました 詳細は以下の通りです

//正常执行     var obj = document.getElementById("player00");
obj.testhelloworld();//无法执行var playobj = $('#player00');
playobj.testhelloworld();
ログイン後にコピー

そこで考えたのですがこの 2 つの違いは何ですか? そして、次の結論を探しました。

jquery によって取得された html 要素は jquery オブジェクトであり、jquery メソッドを実行できますが、ドキュメントは dom オブジェクトを取得して実行されます。 dom メソッド

説明:

DOM オブジェクトは従来のメソッド (JavaScript) を使用して取得したオブジェクトであり、jQuery オブジェクトは jQuery のクラス ライブラリ セレクターを使用して取得したオブジェクトです。 JQueryオブジェクトとは、DOMオブジェクトをjQueryでラップして生成されるオブジェクトです。 JQuery オブジェクトは jQuery 独自のものです。jQuery のメソッドは使用できますが、DOM メソッドは使用できません。

ホッとしました。ずっと同等だと思っていたので、知りたかったのです。なぜ dom なんで jquery でメソッドが実行できないのか、今思うとすっかり安心しました。

この場合、 はこの 2 つを相互に変換するにはどうすればよいでしょうか? 結局、取得したオブジェクトの内容は同じです。

jQuery オブジェクトを DOM オブジェクトに変換する:

jQuery オブジェクトを DOM オブジェクトに変換する 2 つの変換メソッド: [index] と .get(index);

(1) jQuery オブジェクトはデータ オブジェクトであり、対応する DOM オブジェクトは [index] メソッドを通じて取得できます。

例:

var $v =$("#v") ; //jQuery对象 
var v=$v[0]; //DOM对象 
alert(v.checked) //检测这个checkbox是否被选中
ログイン後にコピー

(2) jQuery 自体は、.get(index) メソッドを通じて、対応する DOM オブジェクトを取得します。

例:

var $v=$("#v"); //jQuery对象 
var v=$v.get(0); //DOM对象 
alert(v.checked) //检测这个checkbox是否被选中
ログイン後にコピー

DOM オブジェクトを jQuery オブジェクトに変換します:

既に DOM オブジェクトである DOM オブジェクトの場合、DOM オブジェクトを $() でラップするだけで jQuery を取得できます。物体。 $(DOM object)

例:

var v=document.getElementById("v"); //DOM对象 
var $v=$(v); //jQuery对象
ログイン後にコピー

変換後は、任意の jQuery メソッドを使用できます。

上記のメソッドにより、jQuery オブジェクトと DOM オブジェクトを自由に相互変換できます。もう一度強調しておく必要があるのは、DOM 内のメソッドを使用できるのは DOM オブジェクトのみであり、jQuery オブジェクトは DOM 内のメソッドを使用できないということです。

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

以上がHTML要素を取得するためのjqueryとdocumentの違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:cnblogs.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート