jQuery Schnellstart – Was ist jQuery

jQuery macht das Leben eines Web-Entwicklers einfach. Es ist, wie du in der letzten Lektion gesehen hast, eine einfache, kompakte und umfangreiche JavaScript-Bibliothek, die in einer einzelnen .js-Datei zusammengefasst ist.

Es bietet viele fertige Funktionen, mit denen du die verschiedenesten Aufgaben einfach und schnell erledigen kannst. Schauen wir uns gemeinsam die wichtigsten Features an.

Wichtige Features von jQuery

DOM-Auswahl:

jQuery bietet Selektoren zum Abrufen von DOM-Elementen, das sind die Elemente im Quellcode, auf der Grundlage verschiedener Kriterien. Selektoren können z.B. durch den Tag-Name, id, css-Klassennamen, Attribut-Name, oder des n-ten Kinds in der Hierarchie gewählt werden.

DOM-Manipulation:

Du kannst die meisten DOM-Elemente mit verschiedenen eingebauten jQuery-Funktionen manipulieren. Zum Beispiel das Hinzufügen oder Entfernen von Elementen, die Änderung von HTML-Inhalten, CSS-Klassen usw.

Effekte/Animationen erstellen:

Du kannst Effekte auf DOM-Elemente anwenden, wie z.B. Ein- oder Ausblenden von Elementen, Ein- oder Ausblenden der Sichtbarkeit, Slider-Effekte, Animationen usw.

Events/Ereignisse:

Die jQuery-Bibliothek enthält Funktionen, die DOM-Ereignissen entsprechen, wie z.B. der einfache Mausklick, Doppelklick, mouseenter, mouseleave, blur, keyup, keydown usw.

Diese Funktionen sind für die meisten Browser kompatibel (cross-browser).

AJAX:

jQuery enthält auch einfach zu verwendende AJAX-Funktionen, um Daten von Servern zu laden, ohne die ganze Seite neu zu laden.

Cross-Browser-Unterstützung:

jQuery behandelt automatisch Cross-Browser-Probleme, so dass sich der User nicht darum kümmern muss. Derzeit unterstützt jQuery IE 6.0+, Firefox, Safari 3.0+, Chrome und Opera 9.0+.

Ok das war ein schneller Blick auf die wichtigsten Features. Jetzt vertiefen wir dein Wissen um die vielen jQuery-Vorteile.

Die Vorteile von jQuery

Leicht zu erlernen:

jQuery ist leicht zu erlernen. Wenn du bereits minimale Erfahrungen mit JavaScript hast, wirst du dich besonders leicht zurechtfinden.

Weniger coden, mehr umsetzen:

jQuery bietet eine Vielzahl von Funktionen, die die Produktivität von Entwicklern erhöhen. Ganz nach dem Motto: Weniger coden und mehr umsetzen.

Ausführliche API-Dokumentation:

jQuery bietet eine ausgezeichnete Online-Dokumentation. Wenn du ein Mal reinschauen magst, findest du hier den Link zur offiziellen Dokumentation von jQuery.

Cross-Browser-Unterstützung:

jQuery bietet eine hervorragende Cross-Browser-Unterstützung, ohne dass zusätzlicher Code geschrieben werden muss.

Im nächsten Abschnitt fangen wir endlich an jQuery herunterzuladen bzw. zu installieren. (Es ist leichter als du denkst .... 🙂