ホームページ >ウェブフロントエンド >jsチュートリアル >HTML要素を取得するためのjqueryとdocumentの違いは何ですか?
違い: jquery によって取得される html 要素は jquery オブジェクトであり、jquery メソッドを実行できますが、ドキュメントは dom オブジェクトを取得し、dom メソッドを実行します。 jQuery オブジェクトは jQuery に固有のものであり、DOM メソッドを使用できません。また、DOM オブジェクトは jQuery メソッドを使用できません。
関連する推奨事項: "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 サイトの他の関連記事を参照してください。