Was ist jQuery?
jQuery ist eine frei zugängliche JavaScript Bibliothek, welche Webentwicklern eine Vielfalt von Funktionsgruppen bietet. Die Funktionsgruppen lassen eine sogenannte Manipulation der bestehenden Seite oder App zu. Sie erweitert JavaScript um zusätzliche Funktionen und ist somit keine eigenständige Programmiersprache. jQuery erleichtern die Arbeit der Webentwickler, da die verschiedenen Browser oftmals technische Unterschiede aufweisen. Die Darstellung einer Website oder App kann hierdurch stark variieren. Um das zu vermeiden und dem Entwickler die Mehrarbeit zu ersparen, überbrückt jQuery mit einem kompakten und einheitlichen Code diese Differenzen.
jQuery wurde von John Resig entwickelt und Anfang 2006 erstmals vorgestellt. Seitdem entwickelt sich diese Open Source Lösung stetig weiter und wird regelmäßig aktualisiert.
Was kann man mit jQuery machen?
Die Klassenbibliothek von jQuery ermöglicht dem Entwickler der Website einen vereinfachten Zugriff auf viele DOM-Funktionen (Document Object Model). Das DOM ist eine standardisierte Programmierschnittstelle, in welcher die Strukturen von HTML- und XML-Dokumenten zusammengeführt werden. Durch die unkomplizierte Einbindung von jQuery Funktionen sparen sich Webentwickler sich viel Zeit, welche sie sonst in aufwendigen Code investieren müsste. Auch kann durch die Implementierung vereinfacht auf den HTML-Quellcode zugegriffen und Anpassungen leichter vorgenommen werden.
Allgemein kann es sich hierbei um einfache Anpassung, wie das Ändern einer Farbe oder der Position eines Objekts handeln. Allerdings sind auch komplexere Manipulationen des DOM hinsichtlich der Animation oder Aktionen durch den User möglich.
jQuery und AJAX
Mit jQuery lässt sich der Inhalt Deiner Website oder App ereignisgesteuert aufbauen. Hierdurch kann jederzeit auf das Verhalten des Users reagiert werden. Mit einer zusätzlichen Integration von AJAX (Asynchronous Java-Script and XML) kann eine schnelle Verbindung zum Server hergestellt werden. Dadurch können Informationen über die Aktion oder die Eingabe des Users schneller verarbeitet und an das PHP-Backend gesendet werden. Der Server verarbeitet diese Information und gibt dem User hierdurch den nächsten Schritt aus. AJAX ermöglicht eine asynchrone Übertragung von Daten zwischen Server und Browser. Modifizierte Inhalte können so für den User ausgespielt werden, ohne dass die komplette Seite neu geladen werden muss.
Eine der bekanntesten Anwendungen von AJAX ist zum Beispiel die Google-Suche. Über den Service von Google Suggest wird Deine gestellte Anfrage von Google erkannt und Dir werden bei Deiner Suche bereits weitere Vorschläge zur Vervollständigung Deiner Frage angezeigt.
Ein weiteres Beispiel sind Onlineshops, welche Dir Produkte zur individuellen Gestaltung anbieten. Die Artikel lassen sich oftmals simpel durch Drag-and-drop einzigartig designen. AJAX kommt in Kombination mit jQuery zum Einsatz, damit die Seite nicht nach jedem Deiner Mausklicks neu geladen wird.
Beides in Kombination begegnet Dir vermutlich alltäglich beim Surfen im Internet, ohne dass Du es wahrnimmst. An beide Implementierungen haben wir uns mittlerweile sehr gewöhnt und sie sind nicht mehr wegzudenken.