jQuery via Google AJAX Libraries API einbinden

Bisher habe ich jQuery immer auf die traditionelle Weise in meine Projekte eingebunden. Ich ziehe mir die aktuelle Version von der Projektseite, benenne die Datei in jquery.js um und hoste diese selbst im Projekt. Eingebunden wird jQuery dabei direkt via script src:

<script type="text/javascript" src="/js/jquery.js"></script>

Google hat hierfür, mal wieder, eine elegantere Lösung parat, nämlich lässt sich jQuery auch ganz einfach über die Google AJAX Libraries API einbinden. Vorteil hiervon ist u.a. das man jQuery nicht mehr selbst hosten und sich somit auch um Updates kümmern muss. Gerade bei Mashups ist dies eine praktische Lösung.

Die Einbindung ins Projekt bleibt dabei gewohnt einfach:

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1.3");</script>

Der Aufruf erfolgt über die google.load() Methode. Das erste Argument bezeichnet die zu ladende JavaScript Library, dass zweite die zu verwendende Version.

Die Version erlaubt netterweise den Einsatz von Wildcards. google.load("jquery", "1.3"); bindet z.B. die aktuellste Version des 1.3 Branch ein (aktuell 1.3.1), mit google.load("jquery", "1.3.1"); lässt sich eine genauere Version definieren.

Neben jQuery & jQuery UI stellt Google auch weitere populäre JavaScript Libraries wie Prototype, script.aculo.us etc. auf diese Weise bereit.