JQuery Kochbuch (German Edition)

Titel: JQuery Kochbuch (German Edition) Kostenlos Bücher Online Lesen
Autoren: jQuery Community Experts

Vom Netzwerk:

mehrere

-Elemente untergebracht hätten? Im folgenden Code-Beispiel habe ich drei zusätzliche

-Elemente in die HTML-Seite eingefügt, so dass wir insgesamt vier davon haben:
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

alter Inhalt

Sie haben hier keine explizite Schleife programmiert, aber jQuery scannt die ganze Seite und steckt alle

-Elemente in das Wrapper-Set, so dass die jQuery-Methoden, die ich hier genutzt habe, für jedes DOM-Element im Set ausgeführt werden (eine implizite Iteration). So wird zum Beispiel die Methode
.hide()
auf jedes Element im Set angewendet. Schauen Sie sich den Code nochmals an, so erden Sie feststellen, dass jede Methode, die wir nutzen, auf jedes

-Element auf der Seite angewendet wird. Es ist so, als hätten Sie eine Schleife geschrieben, die jede jQuery-Methode für jedes DOM-Element aufruft. Dieses neue Code-Beispiel führt dazu, dass jedes

auf der Seite verborgen, mit neuem Text versehen, einen neuen Klassenwert erhalten und wieder sichtbar gemacht werden wird.
    Es ist ziemlich entscheidend, dass Sie verstehen, was das Wrapper-Set ist und was dort automatisch geschieht (die implizite Iteration). Denn nur so können Sie darauf aufbauend aufwändigere Konzepte erstellen. Denken Sie nur daran, dass hier eine einfache Schleife ausgeführt wird, bevor Sie selbst zu Schleifen greifen (zum Beispiel
jQuery('div').each(function(){}
). Sie können es auch so sehen: Jedes Element im Wrapper wird üblicherweise durch die jQuery-Methode(n) geändert, die dafür aufgerufen werden.
    Beachten Sie allerdings, dass es in den folgenden Kapiteln Situationen gibt, in denen nur das erste Element des Wrapper-Sets durch die jQuery-Methode beeinflusst wird (zum Beispiel
attr()
), aber nicht alle.
    Organisation der jQuery-API
    Ohne Frage war der Grund, warum ich mich für jQuery entschied, die ausgezeichnete Dokumentation (und die gigantische Menge an Plugins!). Später merkte ich, dass eine andere Tatsache meine Liebe zu jQuery noch festigte: Die API ist in logische Kategorien unterteilt. Allein durch einen Blick auf die Organisation der API konnte ich die benötigte Funktionalität herausfinden.
    Bevor Sie richtig mit der Arbeit mit jQuery beginnen, schlage ich vor, dass Sie sich die Online-Dokumentation anschauen, um die Organisation der API kennenzulernen. Dadurch können Sie in der Dokumentation schneller die benötigten Informationen finden, was ein echter Vorteil ist, denn es gibt eine Reihe von Wegen, mit jQuery ein Problem anzugehen. Dabei kann es durchaus passieren, dass Sie gar nicht anfangen, Code zu schreiben, sondern sich in der Dokumentation vergraben. Ich gebe die Struktur hier wieder und schlage vor, dass Sie sich diese merken – zumindest die obersten Kategorien.
    jQuery Core
    Die Funktion jQuery
jQuery Object Accessors
Daten
Plugins
Interoperabilität
Selektoren
    Grundlagen
Hierarchie
grundlegende Filter
Inhalts-Filter
Sichtbarkeits-Filter
Attributs-Filter
Kind-Filter
Forms
Form-Filter
Attribute
    Attr
Klasse
HTML
Text
Wert
Durchlaufen
    Filtern
Finden
Verketten
Bearbeiten
    Inhalt ändern
Innerhalb einfügen
Außerhalb einfügen
Drumherum einfügen
Ersetzen
Entfernen
Kopieren
CSS
    CSS
Positionieren
Höhe und Breite
Events
    Laden der Seite
Event Handling
Live Events
Interaction Helper
Event Helper
Effekte
    Grundlagen
Sliding
Fading
Eigene
Einstellungen
Ajax
    AJAX Requests
AJAX Events
Verschiedenes
Tools
    Browser- und Feature-Erkennung
Array- und Objekt-Operationen
Test-Operationen
String-Operationen
URLs
    Bevor wir in eine Reihe grundlegender jQuery-Rezepte einsteigen, möchte ich darauf hinweisen, dass die Rezepte in diesem Kapitel aufeinander aufbauen. Sie erweitern also mit jedem Rezept Ihr Wissen in logischen Schritten. Mein Vorschlag ist daher, dass Sie beim ersten Mal alle in der richtigen Reihenfolge lesen – von 1.1 bis 1.17.

Einbinden der jQuery-Bibliothek in eine HTML-Seite
    Problem
    Sie wollen die jQuery-JavaScript-Bibliothek auf einer Webseite nutzen.
    Lösung
    Momentan gibt es zwei ideale Lösungen, um