Beispielanalyse der Beziehung zwischen JS, DOM und JQuery_Grundkenntnisse

DOM (Dokumentobjektmodell) ist eigentlich ein allgemeiner Begriff für Elementobjekte im Browser

Alle Vorgänge, die wir mit JavaScript auf Webseiten ausführen, werden über DOM ausgeführt. Das DOM gehört zum Browser und ist nicht der in der JavaScript-Sprachspezifikation angegebene Kerninhalt. Wenn Sie daher ein Hilfedokument zur JavaScript-Sprachreferenz herunterladen und es überprüfen, werden Sie nicht einmal die geeignete Methode document.write finden Frauen und Kindern bekannt.

Das Document Object Model (DOM) ist eine Programmierschnittstelle für HTML- und XML-Dokumente. Es bietet eine strukturierte Darstellung des Dokuments und kann den Inhalt und die Präsentation des Dokuments ändern. Was uns am meisten beunruhigt, ist, dass das DOM Webseiten mit Skripten und anderen Programmiersprachen verbindet. Skriptentwickler können dynamische Webseitenelemente über die Eigenschaften, Methoden und Ereignisse des Dokumentobjekts steuern, manipulieren und erstellen. Jedes Webseitenelement (ein HTML-Tag) entspricht einem Objekt (Objekt, das sogenannte „Objekt“ bedeutet im Volksmund „Ding“. Das Wort Objekt wird in Taiwan normalerweise mit „Objekt“ übersetzt). Die Tags auf der Webseite sind Schicht für Schicht verschachtelt, und die äußerste Schicht ist . Das Dokumentobjektmodell ist ebenfalls Schicht für Schicht verschachtelt, wird jedoch normalerweise als die Form eines Baums verstanden. Die Wurzel des Baums ist das Fenster- oder Dokumentobjekt, das der Peripherie des äußersten Etiketts, also dem gesamten Dokument, entspricht.

Ein kleines Beispiel:

Code kopierenDer Code lautet wie folgt:

< ;script type="text/javascript">
var x = document.getElementById("test"); >for (var i=0;idocument.write("nodeName = " xc[i].nodeName "; nodeType = " xc[i].nodeType "
") ;}



Javascript kann auf dem DOM arbeiten. Beispiel: Eine ist ein DOM-Objekt und Javascript kann hinzufügen, löschen und anderes Operationen darauf.

Viele Leute sehen das Wort „Java“ in Java und JavaScript und denken, dass es am Anfang dasselbe ist. Tatsächlich sind es zwei völlig verschiedene Dinge. Java, dessen vollständiger Name Java Applet lauten sollte, ist ein kleines Programm, das in eine Webseite eingebettet ist und über ein eigenes, unabhängiges Ausführungsfenster verfügt. Java-Applets sind vorkompiliert. Wenn Sie eine Applet-Datei (.class) mit Notepad öffnen und lesen, können Sie sie überhaupt nicht verstehen. Das Java-Applet ist sehr leistungsfähig. Es kann auf http, ftp und andere Protokolle zugreifen und sogar Viren auf dem Computer einschleusen (es gibt einen Präzedenzfall). Im Vergleich dazu sind die Fähigkeiten von JavaScript relativ gering. JavaScript ist eine Art „Skript“ („Skript“). Es schreibt Codes direkt in HTML-Dokumente und kompiliert und führt sie aus, wenn der Browser sie liest. Wenn Sie also die HTML-Quelldatei anzeigen können, können Sie auch die JavaScript-Quelle anzeigen Code. JavaScript verfügt nicht über ein unabhängiges Ausführungsfenster. Das aktuelle Fenster des Browsers ist sein Ausführungsfenster. Die einzige Ähnlichkeit zwischen ihnen besteht meiner Meinung nach darin, dass sie Java als Programmiersprache verwenden. JavaScript ist eine clientseitige Skriptsprache, die objekt- und ereignisgesteuert und relativ sicher ist. Es ist auch eine Skriptsprache, die häufig in der clientseitigen Webentwicklung verwendet wird. Sie wird häufig verwendet, um HTML-Webseiten dynamische Funktionen hinzuzufügen, beispielsweise um auf verschiedene Benutzervorgänge zu reagieren.

Ein kleines Beispiel:

Code kopieren Der Code lautet wie folgt: var myVariable="outside";

function myFunction(){

var myVariable="inside"; myVariable) ;


Jquery ist das sogenannte JavaScript-Framework, bei dem es sich eigentlich um eine Sammlung und Verpackung von JavaScript-Funktionen handelt.

Jquery ist nach dem Prototyp ein weiteres hervorragendes Javascript-Framework. Es handelt sich um eine leichte JS-Bibliothek (nur 21 KB nach der Komprimierung). Sie ist mit CSS3 und verschiedenen Browsern (IE 6.0, FF1.5, Safari 2.0, Opera 9.0) kompatibel. Mit jQuery können Benutzer HTML-Dokumente und -Ereignisse einfacher verarbeiten, Animationseffekte implementieren und problemlos AJAX-Interaktion für Websites bereitstellen. Ein weiterer großer Vorteil von jQuery ist, dass die Dokumentation sehr vollständig ist und die verschiedenen Anwendungen ausführlich erklärt werden. Außerdem stehen viele ausgereifte Plug-Ins zur Auswahl. jQuery kann den Code und den HTML-Inhalt der HTML-Seite des Benutzers trennen. Mit anderen Worten, es ist nicht erforderlich, eine Reihe von JS in den HTML-Code einzufügen, um den Befehl aufzurufen.

jQuery ist derzeit die am weitesten verbreitete Javascript-Funktionsbibliothek. Laut Statistik verwenden 46 % der 1 Million größten Websites weltweit jQuery, weit mehr als andere Bibliotheken. Microsoft verwendet jQuery sogar als offizielle Bibliothek. Für Webentwickler ist das Erlernen von jQuery erforderlich. Denn es ermöglicht Ihnen, die gängigsten Techniken in der Branche zu verstehen, legt den Grundstein für das Erlernen fortgeschrittenerer Bibliotheken in der Zukunft und kann tatsächlich viele komplexe Effekte problemlos erzeugen.

Ein kleines Beispiel:

Code kopierenDer Code lautet wie folgt:

< ;script type="text/javascript" src="jquery.js">