jQuery von Kopf bis Fuß (German Edition)

(Daten, Software, API-Code, Mediendateien, Videos usw.) spezialisiert sind, um leicht über das Web darauf zugreifen zu können. Jeder Serverknoten enthält eine Kopie der bereitgestellten Daten. Wenn diese Knoten in einem Netzwerk, z. B. dem Internet, strategisch günstig platziert werden, kann das die Geschwindigkeit erhöhen, mit der die Daten an die Benutzer ausgeliefert werden. Windows Azure und Amazon CloudFront sind Beispiele für herkömmliche CDNs.
    Viele große Firmen halten in ihren CDNs Kopien von jQuery zur freien Verfügung vor. Unten finden Sie eine Liste mit Links zu CDN-basierten Kopien von jQuery, die Sie per “Hotlink” in Ihre Dateien einbinden können:
    Google Ajax API CDN
 
 

http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js
Microsoft CDN
 
 

http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js
jQuery CDN (via Media Temple)
 
 

http://code.jquery.com/jquery-1.7.1.min.js (Minimierte Version)
 
 

http://code.jquery.com/jquery-1.7.1.js (Quellversion)
    Anstatt jQuery auf Ihrem eigenen Server vorzuhalten, reicht es aus, die gewünschte Version in Ihrer jQuery-Applikation per

-Tag einzubinden.

#3. Der jQuery-Namensraum: Die noConflict-Methode
    Viele JavaScript-Bibliothken benutzen, genau wie jQuery, das Dollarzeichen ($) für Funktions- oder Variablennamen. In jQuery ist $ einfach ein Alias für die jQuery-Methode, das heißt, die Funktionalität kann auch ohne die Verwendung von $ genutzt werden. Müssen wir neben jQuery andere JavaScript-Bibliotheken einbinden, können wir die Methode
$.noConflict
aufrufen, um die Kontrolle über $ an die andere Bibliothek zurückzugeben.



    Diese Technik ist besonders effektiv, wenn sie zusammen mit der Fähigkeit der
.ready
-Methode genutzt wird, das jQuery-Objekt mit einem Alias zu versehen. Dadurch können wir $ zum Beispiel in Callback-Funktionen nutzen, die an
.ready
übergeben werden, ohne Angst vor zukünftigen Konflikten haben zu müssen.



    Dieses Verfahren kann nötig werden, wenn Sie andere JavaScript-Bibliotheken parallel zu jQuery einsetzen möchten, die $ als Referenz benutzen. Wenn Sie ausschließlich jQuery in Ihren Seiten verwenden, ist dieses Vorgehen nicht nötig, und auch nicht, wenn Sie mehrere jQuery-Plugins einbinden.

#5. Fortgeschrittene Animationen: Queues
    In jQuery wird die Verkettung von Funktionen (“ Queues” oder auch “Warteschlangen”) in erster Linie für Animationen eingesetzt. Sie können aber auch für andere Zwecke genutzt werden. Intern werden diese Funktionen nach dem Prinzip “First in, first out” (FIFO) elementweise in einem Array als jQuery-Daten gespeichert. Durch den Auruf von
.queue
können Sie eine Funktion zur Kette hinzufügen . Indem Sie sie mit
dequeue
. aufrufen, können Sie sie wieder aus der Kette entfernen.
    Jedes jQuery-Element kann beliebig viele Funktionsketten besitzen. In den meisten Applikationen wird jedoch nur eine Kette (mit dem Namen fx ) verwendet. Anhand von Ketten können Sie asynchron eine Reihe von Aktionen für ein Element ausführen lassen, ohne dass das die Ausführung des Programms blockiert. Ein typisches Beispiel wäre der Aufruf mehrerer Animationsmethoden für ein Element, zum Beispiel so:
$('#mein_element').slideUp().fadeIn();
    Wenn diese Anweisung ausgeführt wird, beginnt das Element sofort mit einer Slide-Animation. Der Einblendeffekt (
fadeIn
) befindet sich in der fx-“Warteschlange” (daher das englische Wort “queue”) und wird aufgerufen, sobald der Slide-Effekt beendet ist.
    Über die
.queue
-Methode können Sie die Funktionskette außerdem direkt manipulieren . Der Aufruf von
.queue
ist besonders nützlich: Damit können Sie der Warteschlange am Ende eine neue Funktion hinzufügen.
    Das funktioniert so ähnlich, als würden Sie einer Callback-Funktion eine Animationsmethode zuweisen, wobei die Callback-Funktion jedoch