Book description
jQuery ist ein freies JavaScript-Framework, das komfortable Funktionen zur DOM-Manipulation und -Navigation zur Verfügung stellt. Der Einstieg in diese JavaScript-Bibliothek ist einfach, aber man braucht oft Jahre, um alle Funktionen und Features umfassend und klug einsetzen zu können. Das jQuery Kochbuch verkürzt diese Lernphase dramatisch.
Mit jQuery Kochbuch lernt der Einsteiger und der JavaScript-Erfahrene praxisrelevante jQuery-Patterns und komplexe Lösungen von einem Dutzend hervorragender Webentwickler.
Table of contents
- Vorwort
- Beteiligte
- Einleitung
-
1. Grundlagen von jQuery
- Einleitung
- Einbinden der jQuery-Bibliothek in eine HTML-Seite
- Ausführen von jQuery/JavaScript-Code nach dem Laden des DOM, aber noch vor dem vollständigen Laden der Seite
- Selektieren von DOM-Elementen mit Selektoren und der jQuery-Funktion
- Selektieren von DOM-Elementen in einem bestimmten Kontext
- Ein Wrapper-Set mit DOM-Elementen filtern
- Abhängige Elemente im aktuell selektierten Wrapper-Set finden
- Vor einer destruktiven Änderung zur vorherigen Selektion zurückkehren
- Die vorherige Selektion mit der aktuellen Selektion vereinigen
- Das DOM basierend auf dem aktuellen Kontext durchlaufen, um ein neues Set mit DOM-Elementen zu erhalten
- DOM-Elemente erstellen, bearbeiten und einfügen
- Entfernen von DOM-Elementen
- DOM-Elemente ersetzen
- DOM-Elemente klonen
- Attribute von DOM-Elementen lesen, setzen und entfernen
- HTML-Inhalte lesen und setzen
- Text-Inhalte lesen und setzen
- Den $-Alias verwenden, ohne globale Konflikte zu erzeugen
-
2. Elemente mit jQuery selektieren
- Einführung
- Nur Kind-Elemente selektieren
- Bestimmte Geschwister-Elemente selektieren
- Elemente über die Index-Reihenfolge selektieren
- Aktuell animierte Elemente selektieren
- Elemente anhand ihres Inhalts selektieren
- Elemente über eine negative Selektion selektieren
- Elemente anhand ihrer Sichtbarkeit selektieren
- Elemente anhand von Attributen selektieren
- Form-Elemente anhand des Typs selektieren
- Elemente mit bestimmten Eigenschaften selektieren
- Den Kontext-Parameter verwenden
- Einen eigenen Filter-Selektor erstellen
-
3. Fortgeschrittene Techniken
- Einführung
- Ein Set mit selektierten Ergebnissen durchlaufen
- Das Selektions-Set auf ein bestimmtes Element reduzieren
- Ein selektiertes jQuery-Objekt in ein reines DOM-Objekt konvertieren
- Den Index eines Elements in einer Selektion ermitteln
- Aus einem bestehenden Array ein Array mit ausgewählten Werten erstellen
- Eine Aktion auf einer Untermenge des selektierten Sets ausführen
- Konfigurieren von jQuery, so dass es nicht mit anderen Bibliotheken kollidiert
- Funktionalität durch Plugins hinzufügen
- Die verwendete Selektion bestimmen
-
4. jQuery-Tools
- Einführung
- Features mit jQuery.support erkennen
- Mit jQuery.each über Arrays und Objekte iterieren
- Arrays mit jQuery.grep filtern
- Über Array-Elemente mit jQuery.map iterieren und sie verändern
- Zwei Arrays durch jQuery.merge kombinieren
- Doppelte Array-Einträge mit jQuery.unique ausfiltern
- Callback-Funktionen mit jQuery.isFunction testen
- Whitespace aus Strings oder Form-Werten mit jQuery.trim entfernen
- Objekte und Daten per jQuery.data an DOM-Elemente anhängen
- Objekte durch jQuery.extend erweitern
-
5. Schneller, Einfacher, Spaßiger
- Einführung
- Das ist nicht jQuery, sondern JavaScript!
- Was ist an $(this) falsch?
- Überflüssige Wiederholungen vermeiden
- Ihre verketteten jQuery-Methoden formatieren
- Code aus anderen Bibliotheken übernehmen
- Einen eigenen Iterator schreiben
- Ein Attribut umschalten
- Performance-Killer finden
- Ihre jQuery-Objekte puffern
- Schnellere Selektoren schreiben
- Tabellen schneller laden
- Schleifen programmieren
- Name Lookups verringern
- Das DOM mit .innerHTML schneller aktualisieren
- Debuggen? Sprengen Sie die Ketten
- Ist das ein Bug von jQuery?
- In jQuery debuggen
- Weniger Server-Anfragen erzeugen
- Zurückhaltendes JavaScript schreiben
- jQuery für die progressive Verbesserung nutzen
- Machen Sie Ihre Seiten barrierefrei
-
6. Dimensionen
- Einführung
- Die Dimensionen von Window und Document ermitteln
- Ermitteln der Dimensionen eines Elements
- Den Offset eines Elements ermitteln
- Ein Element in den sichtbaren Bereich scrollen
- Ermitteln, ob sich ein Element im sichtbaren Bereich befindet
- Zentrieren eines Elements im sichtbaren Bereich
- Absolute Positionierung eines Elements an seiner aktuellen Position
- Ein Element relativ zu einem anderen Element positionieren
- Stylesheets abhängig von der Browser-Breite wechseln
-
7. Effekte
- Einführung
- Elemente per Sliding und Fading ein- und ausblenden
- Elemente durch ein Sliding Up anzeigen
- Erzeugen eines horizontalen Akkordeons
- Elemente gleichzeitig Sliden und Faden
- Sequenzielle Effekte anwenden
- Erkennen, ob Elemente aktuell animiert werden
- Animationen stoppen und zurücksetzen
- Eigene Easing-Methoden für Effekte nutzen
- Alle Effekte deaktivieren
- Aufwändigere Effekte mit jQuery UI erzeugen
-
8. Events
- Einführung
- Einen Handler mit vielen Events verbinden
- Eine Handler-Funktion mit anderen Daten wiederverwenden
- Ein ganzes Set mit Eventhandlern entfernen
- Eventhandler auslösen
- Dynamische Daten an Eventhandler übergeben
- Sofortiger Zugriff auf ein Element (noch vor document.ready)
- Die Ausführungsschleife für Handler stoppen
- Beim Verwenden von event.target das richtige Element erhalten
- Mehrere parallele hover()-Animationen vermeiden
- Eventhandler für neu hinzugefügte Elemente nutzbar machen
-
9. Events für Fortgeschrittene
- Einführung
- jQuery nutzen, wenn es dynamisch geladen wird
- Das globale Auslösen von Events beschleunigen
- Eigene Events erstellen
- Eventhandler stellen benötigte Daten bereit
- Event-gesteuerte Plugins erstellen
- Benachrichtigungen erhalten, wenn jQuery-Methoden aufgerufen werden
- Objekt-Methoden als Event Listener nutzen
-
10. HTML-Forms durch eigenen Code verbessern
- Einführung
- Ein Texteingabefeld beim Laden der Seite fokussieren
- Form-Elemente aktivieren und deaktivieren
- Automatisch Radio Buttons auswählen
- (De)selektieren aller Checkboxen durch Links
- (De)selektieren aller Checkboxen über einen einzelnen Umschalter
- Auswahl-Optionen hinzufügen und entfernen
- Abhängig von der Anzahl der Zeichen ins nächste Feld springen
- Anzahl der verbleibenden Zeichen anzeigen
- Texteingabefelder auf bestimmte Zeichen beschränken
- Eine Form mit Ajax abschicken
- Forms überprüfen
-
11. Verbesserungen von HTML-Forms durch Plugins
- Einleitung
- Forms überprüfen
- Eingabemasken für Felder erstellen
- Textfelder automatisch vervollständigen
- Einen Wertebereich selektieren
- Einen Wert eingeben, der innerhalb bestimmter Grenzen liegt
- Dateien im Hintergrund hochladen
- Die Länge von Texteingabefeldern begrenzen
- Label oberhalb von Eingabefeldern anzeigen
- Ein Eingabeelement mit seinem Inhalt wachsen lassen
- Ein Datum wählen
-
12. jQuery-Plugins
- Einleitung
- Wo finden Sie jQuery-Plugins?
- Wann sollten Sie ein jQuery-Plugin schreiben?
- Schreiben Sie Ihr erstes jQuery-Plugin
- Ihrem Plugin Optionen mitgeben
- Die Kurzform $ in Ihrem Plugin verwenden
- Private Funktionen in Ihr Plugin aufnehmen
- Das Metadata-Plugin unterstützen
- Ihrem Plugin eine statische Funktion hinzufügen
- Unit Tests für Ihr Plugin mit QUnit
- 13. Selbst geschriebene Benutzerschnittstellen
-
14. Benutzerschnittstellen mit jQuery UI
- 14.1. Einleitung
- 14.2. Die komplette jQuery UI-Suite einbinden
- 14.3. Ein oder zwei einzelne jQuery UI-Plugins einbinden
- 14.4. Ein jQuery UI-Plugin mit den Standard-Optionen initialisieren
- 14.5. Ein jQuery UI-Plugin mit eigenen Optionen initialisieren
- 14.6. Eigene jQuery UI-Plugin-Standardwerte erstellen
- 14.7. Optionen für jQuery UI-Plugins lesen und setzen
- 14.8. Plugin-Methoden von jQuery UI aufrufen
- 14.9. Mit Events von jQuery UI-Plugins umgehen
- 14.10. Ein jQuery UI-Plugin zerstören
- 14.11. Einen Musikplayer mit jQuery UI erstellen
-
15. Themes in jQuery UI
- Einleitung
- Themes für jQuery UI-Widgets mit ThemeRoller erstellen
- Layout und Theme-Styles von jQuery UI überschreiben
- Ein Theme auf Komponenten anwenden, die nicht zum jQuery UI gehören
- Mehrere Themes auf einer einzelnen Seite verwenden
- Anhang: Weitere Informationen zu CSS
- 16. jQuery, Ajax, Datenformate: HTML, XML, JSON, JSONP
- 17. jQuery in großen Projekten verwenden
- 18. Unit Tests
- Stichwortverzeichnis
- Kolophon
- Copyright
Product information
- Title: JQuery Kochbuch
- Author(s):
- Release date: May 2010
- Publisher(s): O'Reilly Verlag
- ISBN: 97833897219991
You might also like
book
JQuery kurz & gut, 2nd Edition
jQuery ist ein freies, umfangreiches JavaScript-Framework, das komfortable Funktionen zur DOM-Manipulation sowie zur Durchführung von Ajax-Anfragen …
book
jQuery lernen und einsetzen, 3rd Edition
Einführung in jQuery, die nur minimale Programmiererfahrung erfordert• Detaillierte Lösungen für Client-basierte Probleme* Autor aus dem …
book
jQuery von Kopf bis Fuß
Mit "jQuery von Kopf bis Fuß" lernt der Leser im bewährten Von-Kopf-Fuß-Stil, wie man innerhalb kürzester …
book
JavaScript für Kids - Programmieren lernen ohne Vorkenntnisse
Kinderleicht programmieren lernen anhand vieler Spiele Einführung in die objektorientierte Programmierung Mit allen Programmierbeispielen und Lösungen …