jQuery Grundlegende Anleitung

jQuery Effekte

jQuery Operationsmethoden

jQuery Traversing

jQuery Ajax

jQuery Miscellaneous

jQuery-Referenzhandbuch

Einführung in jQuery

jQuery ist eine schnelle, leichte und funktionenreiche JavaScript-Bibliothek, die auf dem Prinzip 'Less Code, More Doing' basiert.

jQuery vereinfacht das Durchsuchen von HTML-Dokumenten, die Verarbeitung von Ereignissen, Animationen und AJAX-Interaktionen, was eine schnelle Web-Entwicklung ermöglicht.

Das Ziel von jQuery ist es, die Verwendung von JavaScript auf Websites zu erleichtern.

Dieses Tutorial hilft Ihnen, die Grundlagen von jQuery von den Grundlagen bis zu fortgeschrittenen Themen zu erlernen.

Jedem Kapitel werden jQuery-Beispiele hinzugefügt

Jedes Kapitel dieses Tutorials enthält viele Übungsexempel, die Sie mit unserem Online-Editor ausprobieren und testen können, um Ihr Lernspektrum zu erweitern. Ziel dieser Beispiele ist es, Ihnen ein besseres Verständnis für die Verwendung von jQuery zu vermitteln.

Grundlegender jQuery-Beispiel

Beispiel

$("document").ready(function(){
　　$("p").click(function(){
　　　　$(this).hide();
　　});
});

Testen Sie es heraus‹/›

Die Vorteile von jQuery

Wenn Sie jQuery nicht kennen, möchten Sie vielleicht wissen, was jQuery so besonders macht.

jQuery vereinfacht viele komplexe Inhalte in JavaScript, wie z.B. AJAX-Aufrufe und DOM-Operationen.

Die jQuery-Bibliothek enthält folgende Funktionen:

HTML / DOM-Operationen
CSS-Operationen
Event-Verarbeitung
Effekte und Animationen
AJAX-Unterstützung
Nützliche Werkzeuge (Utilities)
Plugins (Plugins)
Cross-Browser-Unterstützung

Information:In JavaScript müssen Sie normalerweise mehrere Zeilen Code schreiben, um Elemente in einem HTML-Dokument auszuwählen und zu bearbeiten, aber mit dem mächtigen Selector-Mechanismus von jQuery können Sie das DOM-Baumstruktur durchsuchen und Elemente auf einfache und effektive Weise auswählen, um jede Art von Operation durchzuführen.

Was kann jQuery tun?

Mit jQuery können Sie mehr tun:

jQuery ermöglicht eine einfache Auswahl von Elementen
jQuery kann das Styling (CSS) und die Position von Elementen leicht ändern
jQuery kann Elemente im DOM und ihre Attribute leicht manipulieren
jQuery kann Effekte wie das Anzeigen oder Verbergen von Elementen, Schwenkübergänge usw. leicht erstellen
jQuery kann komplexe CSS-Animationen mit weniger Code leicht erstellen
jQuery kann das gesamte DOM-Baum leicht durchsuchen, um jedes Element zu finden
Mit einer einzigen Zeile Code kann jQuery Elemente leicht mehrfach operationell ausführen
jQuery kann die Größe von HTML-Elementen leicht abrufen oder setzen

Die Liste endet nicht, Sie können mit jQuery viele andere interessante Dinge tun.

In den kommenden Kapiteln werden Sie alle diese Inhalte im Detail kennenlernen.

Benötigen Sie Grundkenntnisse

Bevor Sie jQuery lernen, sollten Sie die folgenden Grundkenntnisse haben:

Wenn Sie Anfänger sind, beginnen Sie mit den Grundlagen und machen Sie jeden Tag einen kleinen Fortschritt.

Wir empfehlen Ihnen, das Tutorial in der Reihenfolge des Menüs auf der linken Seite zu lesen.

jQuery-Referenz

Der Referenzteil bietet Ihnen detaillierte Informationen über jQuery-Selektoren, Effekte, Attribute, Ereignisse usw.

Betrachten Sie die jQuery-Referenz

Einstieg in jQuery