Übersicht


Erstellen eigener Plugins

Die allgemeine Wiederverwendbarkeit von Code spielt, wie überall, auch bei der Nutzung von jQuery eine große Rolle. Daher ist es möglich, die Funktionalität von jQuery mit Hilfe selbstgeschriebener Plugins zu erweitern. Um jQuery durch eigenen Methoden zu ergänzen, die auf ein jQuery Objekt angewandt werden können, wird wie folgt vorgegangen:

jQuery.fn.myNewMethod = function() {
  return this.each(function() {
    //auf den Elementen auszuführender Code
  });
};

Zuerst wird die neue Methode dem jQuery Namensraum als Prototyp hinzugefügt. jQuery.fn ist ein Alias für jQuery.prototype und erlaubt es das jQuery Objekt um entsprechende Methode zu erweitern. Desweiteren ermöglicht die this Referenz in diesem Kontext den Zugriff auf das aktuelle jQuery Objekt. D.h. es kann darauf jede andere jQuery Methode aufgerufen werden. Dies ist einer der Vorteile beim Erstellen von jQuery Plugins - da jQuery schon verwendet wird, kann auch auf die entsprechenden Werkzeuge zurückgegriffen werden. Durch die Verwendung von each() wird sicher gestellt, dass bei späterer Anwendung dieser Methode, jedes Element des jQuery Objektes durch implizites Iterieren berücksichtigt wird. Letztendlich sorgt das return this... dafür, dass auch wieder ein jQuery Objekt zurückgegeben wird, was die Voraussetzung dafür ist, dass diese Methode später auch im Rahmen des Chaining genutzt werden kann.
Der Aufruf dieser Methode unterscheidet sich nun nicht von dem bereits Kennengelernten.

$(".mySelection").myNewMethod();

Das Erstellen von eigenen "Utility Functions" ist ebenfalls möglich, jedoch wird in diesem Fall die neue Funktion dem jQuery Objekt direkt als neue Eigenschaft zugewiesen.

jQuery.myNewUtilFunction = function() {...};

In erster Linie werden Plugins vorerst sicherlich für den eigenen Gebrauch geschrieben. Ist dies der Fall, so ist normalerweise bekannt, welche anderen Bibliotheken oder Plugins parallel genutzt werden. Somit kann Namenskollisionen aus dem Weg gegangen werden.
Sollen Plugins allerdings der Öffentlichkeit zugänglich gemacht werden, so sollten gewisse Richtlinien beachtet werden, um Namenskollisionen auszuschliessen. Detailierte Ausführungen dazu werden in der jQuery Dokumentation beschrieben.


Bestehende Plugins

Neben der Möglichkeit eigene Plugins zu erstellen, ist es möglich auf eine Vielzahl bestehender Plugins zurückzugreifen um die jQuery Funkionalität zu erweitern. Zusätzlich zur Basis Bibliothek gibt es ein offizielles jQuery UI (User Interface) Plugin, welches ebenfalls vom jQuery Team entwickelt wurde. Das Plugin bietet ein Repertoire an erweiterten Animationen, Effekten, Widgets und Themes, sowie beispielsweise Drag&Drop Funktionalitäten.
Durch die stark wachsende jQuery Gemeinde sind mittlerweile tausende von Plugins verfügbar. Diese gehen von einfachen Hilfsfunktionen über Menüs und Layouts, bis hin zu Tabellen, Formularen und Widgets.
Auf der jQuery Webseite gibt es eine umfangreiche Übersicht von Plugins. Darüber hinaus sind in diversen öffentlichen Repositories weitere Plugins zu finden.