Heim  >  Artikel  >  Web-Frontend  >  Was sind jQuery-Objekte? Ausführliche Erklärung, wie jQuery-Objekte in DOM-Objektinstanzen konvertiert werden

Was sind jQuery-Objekte? Ausführliche Erklärung, wie jQuery-Objekte in DOM-Objektinstanzen konvertiert werden

伊谢尔伦
伊谢尔伦Original
2017-07-20 13:13:452067Durchsuche

Wenn Sie jQuery zum ersten Mal erlernen, können Sie möglicherweise nicht erkennen, welche jQuery-Objekte und welche DOM-Objekte sind. Was das DOM-Objekt betrifft, gibt es nicht viele Erklärungen. Konzentrieren wir uns auf jQuery und die Konvertierung zwischen den beiden.

Was ist ein jQuery-Objekt?

---Es ist das Objekt, das durch Umschließen des DOM-Objekts durch jQuery generiert wird. Das jQuery-Objekt ist einzigartig für jQuery und kann Methoden in jQuery verwenden.

Zum Beispiel:

$("#test").html() bedeutet: Den HTML-Code im Element mit ID-Test abrufen. Unter diesen ist html() eine Methode in jQuery

Dieser Code entspricht der Verwendung von DOM zum Implementieren des Codes:

document.getElementById("id"). innerHTML;
Obwohl jQuery-Objekte nach dem Umschließen von DOM-Objekten generiert werden, können DOM-Objekte keine Methoden in jQuery verwenden. Bei wahlloser Verwendung wird ein Fehler gemeldet. Zum Beispiel: $("#test").innerHTML, document.getElementById("id").html() und andere Schreibmethoden sind falsch.

Eine weitere zu beachtende Sache ist: Die Verwendung von #id als Selektor zum Abrufen des jQuery-Objekts und des von document.getElementById("id") erhaltenen DOM-Objekts sind nicht gleichwertig. Bitte sehen Sie sich die Umrechnung zwischen den beiden unten an.

Da jQuery unterschiedlich, aber auch verwandt ist, können jQuery-Objekte und DOM-Objekte auch ineinander konvertiert werden. Bevor wir die beiden konvertieren, treffen wir zunächst eine Konvention: Wenn ein jQuery-Objekt erhalten wird, fügen wir $ vor der Variablen hinzu, wie zum Beispiel: var $variab = jQuery-Objekt, wenn ein DOM-Objekt erhalten wird, ist es dasselbe wie üblich: var variab = DOM-Objekt; diese Konvention dient nur der Vereinfachung der Erklärung und der Unterscheidung und ist in der tatsächlichen Verwendung nicht festgelegt.

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, und das entsprechende DOM-Objekt kann über die Methode [index] abgerufen werden.

Zum Beispiel:


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

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

wie:


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

DOM-Objekt in jQuery-Objekt konvertiert:

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

Zum Beispiel:


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

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.

Das obige ist der detaillierte Inhalt vonWas sind jQuery-Objekte? Ausführliche Erklärung, wie jQuery-Objekte in DOM-Objektinstanzen konvertiert werden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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