Der Unterschied und die Konvertierung zwischen jQuery-Objekten und nativen DOM-Objekten

Der Inhalt dieses Artikels befasst sich mit dem Unterschied und der Konvertierung zwischen jQuery-Objekten und nativen DOM-Objekten. Ich hoffe, dass er für Sie hilfreich ist.

Unterschied

Das vom jQuery-Selektor erhaltene jQuery-Objekt und das von document.getElementById() document.querySelector in nativem JS erhaltene jQuery-Objekt sind zwei verschiedene Typen Nicht gleichwertig.
jQuery kann keine Methoden nativer DOM-Objekte verwenden, und native DOM-Objekte können keine Methoden in jQuery verwenden. Bei wahlloser Verwendung wird ein Fehler gemeldet.

<p>我是对象</p>

Native DOM: document.querySelector('p').innerText
jQuery: $('p').text()

Sie sind also nicht gleichwertig, aber das DOM, das sie letztendlich extrahieren, ist konsistent.

Beispiel

JSBin
Ausgabe

Native DOM kann verwendet werden, um festzustellen, ob ein Element vorhanden ist document.querySelector Überprüfen Sie, ob es null
ist, da jQuery ein Array-ähnliches Objekt ist. jQuery kann mit .length prüfen, ob seine Länge 0 ist, um festzustellen, ob dieses Element

ineinander konvertiert werden kann

. Siehe die Ausgabe von JSBin oben. Kann eine Demo-Demonstration durchführen

Natives DOM-Objekt in jQuery-Objekt konvertieren

var p1 = document.querySelector('#p1')var $p1 = $(p1)

JQuery-Objekt in natives DOM-Objekt konvertieren

var $p = $('p')var p1 = $p[0]var p2 = $p.get(1)

Verwandte Empfehlungen:

Welche Operationen können native JS auf DOM ausführen? So bedienen Sie dom mit nativem js

Verwendungsbeispiele für CSSText in js (Codebeispiel)

Das obige ist der detaillierte Inhalt vonDer Unterschied und die Konvertierung zwischen jQuery-Objekten und nativen DOM-Objekten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!