Heim >Web-Frontend >js-Tutorial >So konvertieren Sie ein JQuery-Objekt in ein HTML-Dom-Objekt

So konvertieren Sie ein JQuery-Objekt in ein HTML-Dom-Objekt

青灯夜游
青灯夜游Original
2021-05-19 17:14:033228Durchsuche

Konvertierungsmethode: 1. Wenn das jQuery-Objekt ein Datenobjekt ist, kann es über die Methode „[index]“ konvertiert werden, um das entsprechende DOM-Objekt zu erhalten. Die Syntax lautet „jQuery-Objekt [index]“. 2. Über „ jQuery object.get( index)“-Anweisung zum Konvertieren.

So konvertieren Sie ein JQuery-Objekt in ein HTML-Dom-Objekt

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JQuery-Version 1.10.0, Dell G3-Computer.

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: Holen Sie sich den HTML-Code im Element mit dem ID-Test. Unter diesen ist html() eine Methode in jQuery

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

document.getElementById("id").innerHTML;

Obwohl das jQuery-Objekt nach dem Umschließen des DOM-Objekts generiert wird, kann jQuery keine Methode des DOM-Objekts verwenden. Ebenso kann das DOM-Objekt die Methoden in jQuery nicht verwenden. Wenn Sie sie wahllos verwenden, wird ein Fehler gemeldet. Zum Beispiel: $("#test").innerHTML, document.getElementById("id").html() und andere Schreibmethoden sind falsch.

Zu beachten ist außerdem, dass das durch die Verwendung von #id als Selektor erhaltene jQuery-Objekt und das durch document.getElementById("id") erhaltene DOM-Objekt nicht gleichwertig sind. 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, z. B.: 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 HTML-DOM-Objekt konvertieren:

Zwei Konvertierungsmethoden zum Konvertieren eines jQuery-Objekts in ein DOM-Objekt: [index] und .get(index);

(1) Das jQuery-Objekt ist ein Datenobjekt. Dies kann das entsprechende DOM-Objekt über die Methode [index] abrufen.

Zum Beispiel:

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

(2) jQuery selbst stellt sicher, dass über die .get(index)-Methode das entsprechende DOM-Objekt abgerufen werden kann

Zum Beispiel:

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

Empfohlene verwandte Video-Tutorials: jQuery-Tutorial (Video )

Das obige ist der detaillierte Inhalt vonSo konvertieren Sie ein JQuery-Objekt in ein HTML-Dom-Objekt. 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