jQuery – JavaScript-Bibliothek für DOM, Ajax & Animationen
jQuery: leistungsstarke JavaScript-Bibliothek für einfaches DOM-Handling, Ajax & Animationen. Open Source, weit verbreitet — Praxis-Tipps, Einsatz & Plugins kompakt erklärt.
jQuery ist eine JavaScript-Bibliothek, die entwickelt wurde, um das Schreiben von JavaScript und HTML zu vereinfachen. Sie arbeitet plattformübergreifend in den meisten Webbrowsern und wurde von John Resig initiiert; die erste öffentliche Veröffentlichung erfolgte im Januar 2006 (BarCamp NYC). Die Entwicklung wird heute von einem Team betreut; lange Zeit war Dave Methvin einer der leitenden Entwickler.
Warum jQuery?
Die von jQuery verwendete, kompakte Syntax reduziert erheblich den Boilerplate-Code, den man in reinem JavaScript schreiben muss. Typische Aufgaben, die mit jQuery deutlich einfacher werden, sind:
- durch die Seite navigieren und DOM-Elemente finden und manipulieren (Document Object Model)
- ausgewählte Elemente animieren und Effekte hinzufügen (Animationen)
- Ereignisse wie Klicks oder Tastaturaktionen behandeln und bündeln
- Ajax-Anfragen einfach durchführen und dynamische Inhalte nachladen (Ajax-Anwendungen)
- eigene Plugins und Erweiterungen schreiben, um wiederverwendbare Komponenten zu erstellen
Hauptmerkmale
- Selektoren und DOM-Manipulation: jQuery bietet leistungsfähige CSS-ähnliche Selektoren, Methoden zum Einfügen, Entfernen und Ändern von Elementen und Attributen sowie eine einfache Ketten-Syntax (Method Chaining).
- Events: Einheitliche Ereignis-APIs für verschiedene Browser, Event-Delegation und Hilfsmittel wie on, off und trigger.
- AJAX: Komfortfunktionen wie $.ajax, $.get, $.post sowie Helfer für JSON, HTML und Script-Loading.
- Effekte und Animationen: eingebaute Effekte (show/hide, fade, slide) und die Möglichkeit, eigene Animationen zu definieren.
- Hilfsfunktionen: Utility-Methoden zur Objekt- und Array-Verarbeitung, zum Umgang mit Datumswerten, zur Serialisierung von Formularen etc.
- Plugins: Eine große Zahl von Community-Plugins erweitert jQuery um Widgets, UI-Komponenten, Validierung, Slider und mehr.
- Kompatibilität: jQuery abstrahiert viele Browser-Inkonsistenzen, was besonders in älteren Browsern den Arbeitsaufwand reduziert.
Versionen und Migration
jQuery existiert in verschiedenen Hauptversionen (1.x, 2.x, 3.x). Ältere 1.x-Releases unterstützen veraltete Browser wie Internet Explorer 6–8; spätere Versionen (z. B. 2.x) entfernten diese Unterstützung, und 3.x richtet sich an moderne Browser. Für Migrationen bietet das Projekt Hilfsmittel wie das jQuery Migrate-Plugin, das Kompatibilitätswarnungen ausgibt und veraltete APIs überbrücken kann.
Einsatz, Verbreitung und Lizenz
jQuery war und ist in vielen Webprojekten weit verbreitet — insbesondere in der Zeit vor der breiten Verfügbarkeit moderner JavaScript-Frameworks. Sie ist freie und quelloffene Software und unter der MIT-Lizenz erhältlich, was die Nutzung in kommerziellen und Open-Source-Projekten erleichtert.
Integration in Plattformen und Werkzeuge
Große Unternehmen und Plattformen haben jQuery in unterschiedliche Produkte integriert: So kündigten Microsoft und Nokia an, jQuery in ihre mobilen Plattformen zu unterstützen. Microsoft hat jQuery in Visual Studio und in Kombination mit dem ASP.NET AJAX-Framework sowie dem ASP.NET MVC-Framework prominent eingebunden. Nokia nutzte jQuery unter anderem in seiner Web-Widget-Entwicklungsumgebung. Zudem wird jQuery seit einer älteren Version (ab etwa 1.16) im MediaWiki-Projekt verwendet.
Verwendung – praktische Hinweise
- CDN: jQuery wird häufig über Content Delivery Networks ausgeliefert (z. B. Google, Microsoft, cdnjs), was Caching-Vorteile bringt.
- $-Alias: Das globale Alias $ ist bequem, kann aber mit anderen Bibliotheken kollidieren; mit jQuery.noConflict() lässt sich das Verhalten anpassen.
- Performance: Für einfache DOM-Operationen oder sehr große Applikationen ist es sinnvoll, die Selektoren zu optimieren und DOM-Updates zu batchen, um Reflows zu minimieren.
- Alternativen: Moderne Web-APIs (z. B. querySelector, fetch, classList) und Frameworks (React, Vue, Angular) haben in vielen Bereichen jQuery ersetzt; dennoch bleibt jQuery in vielen Projekten nützlich, besonders wenn schnelle DOM-Manipulationen oder umfangreiche Plugin-Ökosysteme gefragt sind.
jQuery eignet sich besonders für Entwickler, die schnell DOM-Interaktionen, einfache Ajax-Funktionalität und Effekte implementieren möchten, ohne sich tief in browser-spezifische Details einzuklinken. Für neue Projekte sollte die Wahl jedoch immer auf Basis von Anforderungen, Performance-Zielen und der Ziel-Browserunterstützung getroffen werden.
Freigabe-Historie
| Versionsnummer | Datum der Veröffentlichung | Zusätzliche Anmerkungen |
| 1.0 | 26. August 2006 | Erste stabile Version |
| 1.0.1 | 31. August 2006 | |
| 1.0.2 | 9. Oktober 2006 | |
| 1.0.3 | 27. Oktober 2006 | |
| 1.0.4 | 12. Dezember 2006 | Letzte 1.0-Fehlerbehebung |
| 1.1 | 14. Januar 2007 | |
| 1.1.1 | 22. Januar 2007 | |
| 1.1.2 | 27. Februar 2007 | |
| 1.1.3 | 1. Juli 2007 | |
| 1.1.3.1 | 5. Juli 2007 | |
| 1.1.4 | 24. August 2007 | |
| 1.2 | 10. September 2007 | |
| 1.2.1 | 16. September 2007 | |
| 1.2.2 | 15. Januar 2008 | |
| 1.2.3 | 8. Februar 2008 | |
| 1.2.4 | 19. Mai 2008 | |
| 1.2.5 | 21. Mai 2008 | Korrektur für fehlerhaften Build von 1.2.4 |
| 1.2.6 | 24. Mai 2008 | |
| 1.3 | 14. Januar 2009 | Sizzle Selector Engine im Kern eingeführt |
| 1.3.1 | 21. Januar 2009 | |
| 1.3.2 | 20. Februar 2009 | |
| 1.4 | 14. Januar 2010 | |
| 1.4.1 | 25. Januar 2010 | |
| 1.4.2 | 19. Februar 2010 | |
| 1.4.3 | 16. Oktober 2010 | |
| 1.4.4 | 11. November 2010 | |
| 1.5 | 31. Januar 2011 | Verwaltung zurückgestellter Rückrufe, Neuschreiben von Ajax-Modulen |
| 1.5.1 | 24. Februar 2011 | |
| 1.5.2 | 31. März 2011 | |
| 1.6 | 3. Mai 2011 | Signifikante Leistungsverbesserungen bei den Funktionen attr() und val() |
| 1.6.1 | 12. Mai 2011 | |
| 1.6.2 | 30. Juni 2011 | |
| 1.6.3 | 1. September 2011 | |
| 1.6.4 | 12. September 2011 | |
| 1.7 | 3. November 2011 | Neue Ereignis-APIs: .on() und .off(), während die alten APIs weiterhin unterstützt werden. |
| 1.7.1 | 21. November 2011 | |
| 1.7.2 | 21. März 2012 | |
| 1.8.0 | 9. August 2012 | Sizzle Selector Engine neu geschrieben, verbesserte Animationen und $(html, Requisiten) Flexibilität. |
| 1.8.1 | 30. August 2012 | |
| 1.8.2 | 20. September 2012 | |
| 1.8.3 | 13. November 2012 | |
| 1.9.0 | Anfang 2013 | Entfernung veralteter Schnittstellen und Code-Bereinigung |
| 2.0.0 | Anfang 2013 | Wegfall der IE6-8-Unterstützung für Leistungsverbesserungen und Reduzierung der Dateigröße |
Fragen und Antworten
F: Was ist jQuery?
A: jQuery ist eine JavaScript-Bibliothek, die entwickelt wurde, um das Schreiben von JavaScript und HTML zu erleichtern und zu vereinfachen.
F: Wer hat jQuery erfunden?
A: John Resig hat jQuery erfunden.
F: Wann war die erste Veröffentlichung von jQuery?
A: Die erste Veröffentlichung von jQuery erfolgte im Januar 2006 auf dem BarCamp NYC.
F: Wer leitet heute das Team der Programmierer, die an jQuery arbeiten?
A: Dave Methvin leitet das Team von Programmierern, die heute an jQuery arbeiten.
F: Wie beliebt ist jQuery?
A: Mehr als 55% der 10.000 meistbesuchten Websites verwenden jQuery. Damit ist es die beliebteste JavaScript-Bibliothek, die heute verwendet wird.
F: Ist die Verwendung von jQuery mit Kosten verbunden?
A: Nein, die Verwendung von jQuery ist kostenlos, da es sich um freie und quelloffene Software handelt, die unter der MIT-Lizenz lizenziert ist.
Q: Welche Dinge sind mit jQuery einfacher zu erledigen?
A: Zu den Dingen, die mit jquery einfacher zu bewerkstelligen sind, gehören das Navigieren (Bewegen) auf einer Webseite, das Auswählen (Wählen) von Elementen auf einer Webseite unter Verwendung des Document Object Model, das Erstellen von Animationen, das Verarbeiten von Ereignissen wie Benutzeraktionen, das Erstellen von Ajax-Anwendungen und das Erstellen eigener jquery-Plug-ins.
Suche in der Enzyklopädie