JQuery Kochbuch (German Edition)

die jQuery-Bibliothek in eine Webseite einzubinden:
    Das bei Google gehostete Content Delivery Network (CDN) verwenden, um eine Version von jQuery einzubinden (dies wird in diesem Kapitel genutzt).
Eine eigene Version von jQuery.com herunterladen und auf dem eigenen Server oder dem lokalen Dateisystem hosten.
    Diskussion
    Das Einbinden der jQuery-JavaScript-Bibliothek ist nicht schwieriger als das Einbinden irgendwelcher anderer externer JavaScript-Dateien. Sie nutzen einfach das HTML-Element





    Beachten Sie, dass ich die bei Google gehostete minifizierte Version von jQuery nutzen – und das empfehle ich auch unbedingt für öffentliche Webseiten. Allerdings ist das Debuggen im minifizierten Codenicht so optimal. Während der Code-Entwicklung kann es tatsächlich besser sein, die nicht-minifizierte Version von Google zu nehmen, um JavaScript-Fehler besser debuggen zu können. Mehr Informationen über die Verwendung der bei Google gehosteten Version von jQuery finden Sie auf der Ajax-Bibliotheks-API-Site unter http://code.google.com/apis/ajaxlibs/ .
    Es ist natürlich auch möglich (und für Sie sehr wahrscheinlich ein alter Hut), eine Kopie des jQuery-Codes selbst zu hosten. In den meisten Fällen wäre das allerdings verrückt, weil Google schon so freundlich ist, das für Sie zu übernehmen. Durch die Verwendung der bei Google gehosteten Version von jQuery profitieren Sie von einer stabilen, zuverlässigen, schnellen und global verfügbaren Version. Zudem reduziert sich die Latenzzeit, und der parallele Aufruf von Dateien sowie das Caching funktionieren besser. Das können Sie natürlich auch ohne Google erreichen, aber meist kostet das den einen oder anderen Euro.
    Was, wenn Sie nun aber nicht die Google-Variante wählen wollen? Vielleicht brauchen Sie eine angepasste Version von jQuery oder in Ihrem Fall ist eine Verbindung zum Internet nicht notwendig oder nicht möglich. Oder Sie glauben einfach, dass Google böse ist und wollen daher nichts damit zu tun haben, weil Sie ein Kontrollfreak und Verschwörungstheoretiker sind. In solchen Fällen kann jQuery von jQuery.com heruntergeladen und auf Ihrem eigenen Server oder lokal im Dateisystem gehostet werden. In der eben angeführten Vorlage würden Sie dann den Wert des Attributs
src
durch eine URL oder einen Verzeichnispfad auf die eigene jQuery-JavaScript-Datei ersetzen.

Ausführen von jQuery/JavaScript-Code nach dem Laden des DOM, aber noch vor dem vollständigen Laden der Seite
    Problem
    Moderne JavaScript-Anwendungen mit unaufdringlichen JavaScript-Methodologien führen den JavaScript-Code meist erst aus, nachdem das DOM vollständig geladen wurde. Denn jegliches Durchlaufen und Bearbeiten des DOM kann erst dann ausgeführt werden, wenn es komplett vorhanden ist. Wir brauchen also eine Möglichkeit, herauszufinden, wann der Client (meist ein Web-Browser) das DOM vollständig geladen hat, auch wenn noch nicht alle zusätzlichen Objekte vorhanden sind (wie zum Beispiel Bilder oder SWF-Dateien). Wenn Sie in dieser Situation bisher das Event
window.onload
genutzt haben, wurden dann auch immer erst alle zusätzlichen Objekte vollständig geladen, bevor
onload
feuert. Das dauert den meisten Surfern aber zu lange. Wir brauchen also ein Event, das uns mitteilt, wann das DOM schon durchlaufen ist und bearbeitet werden kann.
    Lösung
    jQuery stellt die Methode
ready()
bereit.Dabei handelt es sich um einen eigenen Eventhandler, der normalerweise an das document-Objekt des DOM gebunden ist. Der Methode
ready()
wird ein einzelner Parameter mitgegeben – eine Funktion, die den JavaScript-Code enthält, welcher ein Mal ausgeführt werden soll, wenn das DOM bereit ist. Das folgende einfache Beispiel zeigt, wie