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.
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();
Dann denke ich: Was ist der Unterschied zwischen den beiden? Dann habe ich nach der folgenden Schlussfolgerung gesucht
In diesem FallDas 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.
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是否被选中
var $v=$("#v"); //jQuery对象 var v=$v.get(0); //DOM对象 alert(v.checked) //检测这个checkbox是否被选中
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对象
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!