Heim > Web-Frontend > js-Tutorial > Was sind die Unterschiede zwischen JQuery-Objekten und DOM-Objekten?

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

不言
Freigeben: 2018-10-13 11:50:43
Original
4033 Leute haben es durchsucht

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对象;
Nach dem Login kopieren

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


var domObj = document.getElementById("id"); //DOM对象
Nach dem Login kopieren

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;
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage