Was sind die Unterschiede zwischen JQuery-Objekten und DOM-Objekten?

Viele JQuery-Anfänger sind beim Erlernen von JQuery-Objekten und DOM-Objekten etwas verwirrt. Sie können oft nicht herausfinden, welche JQuery-Objekte und welche DOM-Objekte sind. Der folgende Artikel stellt Ihnen den Unterschied zwischen JQuery-Objekten vor und DOM-Objekte , Freunde in Not können darauf verweisen.

Werfen wir zunächst einen kurzen Blick darauf, was ein JQuery-Objekt ist? Was ist ein DOM-Objekt?

JQuery-Objekt: In der JQuery-Bibliothek wird das Objekt, das das Seiten-DOM-Element über seine eigene Methode abrufen kann, als JQuery-Objekt bezeichnet.

DOM-Objekt: DOM ist eine Sammlung von Knoten oder Informationsfragmenten, die in einer hierarchischen Struktur organisiert sind. Das Document Object Model ist eine Reihe von APIs für HTML- und XML-Dateien. Der Kern von DOM besteht darin, eine Kommunikationsbrücke zwischen Webseiten und Skriptsprachen oder Programmiersprachen herzustellen.

Nachdem wir die oben vorgestellten Konzepte von JQuery-Objekten und DOM-Objekten gelesen haben, werfen wir einen genaueren Blick auf die Unterschiede zwischen

JQuery-Objekten und DOM-Objekten.

Der Unterschied zwischen Jquery-Objekten und DOM-Objekten:

DOM-Objekte sind Objekte, die wir mit herkömmlichen Methoden (JavaScript) erhalten, und jQuery-Objekte werden mit jQuery erhalten Das vom Klassenbibliotheksselektor erhaltene Objekt.

Wenn das erhaltene Objekt ein jQuery-Objekt ist, fügen Sie $ vor der Variablen hinzu und die Definition lautet wie folgt:

var $obj = $("#id"); //jQuery对象;

Wenn das erhaltene Objekt ein DOM-Objekt ist, lautet die Definition wie folgt:

var domObj = document.getElementById("id"); //DOM对象

JQuery-Objekte sind Objekte, die durch Umschließen von DOM-Objekten durch jQuery generiert werden. Das JQuery-Objekt ist einzigartig für jQuery. Es kann Methoden in jQuery verwenden, aber keine DOM-Methoden. Beispiel:

$("#text").html() bedeutet Get the HTML-Code innerhalb des Elements mit der ID von text. html() ist eine jQuery-spezifische Methode;

$("#text").html() oben ist äquivalent zu:

document.getElementById("test").innerHTML;

Hinweis:

1. Keine Methode des DOM-Objekts kann im jQuery-Objekt verwendet werden.

Zum Beispiel $("#id").innerHTML Schreibmethoden wie $("#id").checked sind falsch. Sie können $("#id").html() und $("#id").attr verwenden („geprüft“) und dergleichen stattdessen die jQuery-Methode verwenden. Ebenso können DOM-Objekte keine jQuery-Methoden verwenden.

2. Das durch die Verwendung von #id als Selektor erhaltene jQuery-Objekt und das durch document.getElementById("id") erhaltene DOM-Objekt sind nicht gleichwertig.

Das Obige ist der gesamte Inhalt dieses Artikels. Weitere Informationen zu JQuery finden Sie in der JQuery-Spalte auf der chinesischen PHP-Website! ! !

Das obige ist der detaillierte Inhalt vonWas sind die Unterschiede zwischen JQuery-Objekten und DOM-Objekten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!