Heim > Web-Frontend > js-Tutorial > Was ist der Unterschied zwischen jquery und document zum Abrufen von HTML-Elementen?

Was ist der Unterschied zwischen jquery und document zum Abrufen von HTML-Elementen?

青灯夜游
Freigeben: 2020-11-20 16:40:02
nach vorne
10008 Leute haben es durchsucht

Unterschied: Das von jquery erhaltene HTML-Element ist ein jquery-Objekt und kann jquery-Methoden ausführen, während das Dokument ein dom-Objekt erhält und dom-Methoden ausführt. jQuery-Objekte sind einzigartig für jQuery und können keine DOM-Methoden verwenden; DOM-Objekte können keine jQuery-Methoden verwenden.

Was ist der Unterschied zwischen jquery und document zum Abrufen von HTML-Elementen?

Verwandte Empfehlungen: „jQuery Tutorial

Ich habe kürzlich ein Video-Plug-In über OCX erstellt und das Plug-In dann in HTML eingefügt (wenn Sie es wissen möchten, können Sie einen Blick darauf werfen).

Weil ich dieses Plug-In bedienen möchte, um es abzuspielen, anzuhalten usw., muss ich dieses Element wie erwartet abrufen, und dann kann es überhaupt nicht ausgeführt werden Dokument, um es zu bekommen, und es wird normal ausgeführt. Die Details sind wie folgt.

//正常执行     var obj = document.getElementById("player00");
obj.testhelloworld();//无法执行var playobj = $('#player00');
playobj.testhelloworld();
Nach dem Login kopieren

Dann denke ich: Was ist der Unterschied zwischen den beiden? Dann habe ich nach der folgenden Schlussfolgerung gesucht

Das von jquery erhaltene HTML-Element ist ein jquery-Objekt und kann jquery-Methoden ausführen, während das Dokument ein dom-Objekt erhält und dom-Methoden ausführt

Erklärung:

DOM-Objekt Es handelt sich um ein Objekt, das wir mit der herkömmlichen Methode (Javascript) erhalten, und das jQuery-Objekt ist das Objekt, das wir mit dem jQuery-Klassenbibliotheksselektor erhalten. Ein JQuery-Objekt ist ein Objekt, das durch Umschließen eines DOM-Objekts durch jQuery generiert wird. Das JQuery-Objekt ist einzigartig für jQuery, kann aber nicht die DOM-Methoden verwenden. Ich war plötzlich erleichtert, dass die beiden gleichwertig waren, und ich wollte herausfinden, warum dies nicht der Fall war Jetzt, wo ich darüber nachdenke, bin ich völlig erleichtert.

In diesem Fall

wie verwandeln sich die beiden dann ineinander?

Schließlich ist der Inhalt des erhaltenen Objekts derselbe.

JQuery-Objekt in DOM-Objekt konvertieren:

Zwei Konvertierungsmethoden konvertieren ein jQuery-Objekt in ein DOM-Objekt: [index] und .get(index);

(1) Das jQuery-Objekt ist ein Datenobjekt, das kann Übergeben Sie die Methode [index], um das entsprechende DOM-Objekt abzurufen.

Zum Beispiel:

var $v =$("#v") ; //jQuery对象 
var v=$v[0]; //DOM对象 
alert(v.checked) //检测这个checkbox是否被选中
Nach dem Login kopieren

(2) jQuery selbst stellt über die .get(index)-Methode das entsprechende DOM-Objekt bereit.

Zum Beispiel:

var $v=$("#v"); //jQuery对象 
var v=$v.get(0); //DOM对象 
alert(v.checked) //检测这个checkbox是否被选中
Nach dem Login kopieren

DOM-Objekt wird in ein jQuery-Objekt konvertiert:

Für bereits ein DOM-Objekt müssen Sie das DOM-Objekt nur mit $() umschließen, um ein jQuery-Objekt zu erhalten. $(DOM-Objekt)

Beispiel:

var v=document.getElementById("v"); //DOM对象 
var $v=$(v); //jQuery对象
Nach dem Login kopieren

Nach der Konvertierung können Sie jede beliebige jQuery-Methode verwenden.

Mit den oben genannten Methoden können jQuery-Objekte und DOM-Objekte nach Belieben ineinander konvertiert werden. Es muss noch einmal betont werden, dass nur DOM-Objekte Methoden im DOM verwenden können und jQuery-Objekte keine Methoden im DOM verwenden können.

Weitere Kenntnisse zum Thema Programmierung finden Sie unter:
Programmierkurse

! !

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen jquery und document zum Abrufen von HTML-Elementen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:cnblogs.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage