Inhaltsverzeichnis. Einleitung 1

Größe: px

Ab Seite anzeigen:

Download "Inhaltsverzeichnis. Einleitung 1"

Ida Heinrich
vor 6 Jahren
Abrufe

1 xi Einleitung 1 1 Erste Schritte Was bietet jquery? Warum jquery so gut funktioniert Unsere erste Webseite mit jquery jquery herunterladen Einrichten von jquery in einem HTML-Dokument jquery-code hinzufügen Das fertige Produkt Einfaches JavaScript und jquery im Vergleich Entwicklungswerkzeuge Firebug Zusammenfassung Elemente auswählen Das Document Object Model Die Funktion $() CSS-Selektoren Listenelemente formatieren Attributselektoren Links formatieren jquery-selektoren Zeilen abwechselnd formatieren Formularselektoren Methoden zum Durchlaufen des DOM Einzelne Zellen formatieren Verkettung

2 xii 2.6 Zugriff auf DOM-Elemente Zusammenfassung Literatur Übungsaufgaben Ereignisbehandlung Aufgaben beim Laden der Seite durchführen Die Codeausführung zeitlich abstimmen Mehrere Skripte auf einer Seite Kurzschreibweisen Argumente an den.ready()-callback übergeben Einfache Ereignisse Ein einfacher Formatwechsler Die anderen Schaltflächen aktivieren Ereignishandler-Kontext Weitere Konsolidierung Kurzformen für Ereignisse Zusammengesetzte Ereignisse Erweiterte Funktionen anzeigen und ausblenden Anklickbare Elemente hervorheben Der Weg eines Ereignisses Nebenwirkungen des Event Bubbling Den Weg ändern: das Ereignisobjekt Ereignisziele Die Ereignisweiterleitung abbrechen Standardaktionen Ereignisdelegierung Methoden für die Ereignisdelegierung Ereignishandler entfernen Namensräume für Ereignisse Ereignisse erneut binden Benutzerinteraktion simulieren Tastaturereignisse Zusammenfassung Literatur Übungsaufgaben

3 xiii 4 Formatierung und Animation Inline-Bearbeitung mit CSS Anzeigen und Verbergen Effekte und Speed Anzeigen mit»geschwindigkeit« Ein- und ausblenden Auseinander- und zusammenfalten Zusammengesetzte Effekte Benutzerdefinierte Animationen erstellen Effekte manuell erstellen Mehrere Eigenschaften gleichzeitig animieren Gleichzeitige und aneinandergereihte Effekte Mit einem einzelnen Satz von Elementen arbeiten Mit mehreren Sätzen von Elementen arbeiten Kurz und bündig Zusammenfassung Literatur Übungsaufgaben DOM-Bearbeitung Attribute bearbeiten Nicht-Klassenattribute Eigenschaften von DOM-Elementen Bearbeitung des DOM-Baums Neues zur Funktion $() Neue Elemente erstellen Neue Elemente einfügen Elemente verschieben Elemente verschachteln Umgekehrte Einfügemethoden Elemente kopieren Klonen für interne Zitate Get- und Set-Methoden für Inhalte Weitere Formatanpassungen Methoden zur DOM-Bearbeitung kurz und bündig Zusammenfassung Literatur Übungsaufgaben

4 xiv 6 Daten mit Ajax senden Daten bei Bedarf laden HTML anhängen Mit JavaScript-Objekten arbeiten XML-Dokumente laden Ein Datenformat auswählen Daten an den Server übergeben GET-Requests durchführen POST-Requests durchführen Formulare serialisieren Unterschiedliche Inhalte liefern Die Anforderung im Auge behalten Fehlerbehandlung Ereignisse in Ajax Sicherheitseinschränkungen JSONP für fremde Daten verwenden Zusätzliche Optionen Die grundlegende Methode ajax Standardoptionen ändern Teile einer HTML-Seite laden Zusammenfassung Literatur Übungsaufgaben Plug-ins verwenden Plug-ins finden und Unterstützung bekommen Ein Plug-in verwenden Das Cycle-Plug-in herunterladen und einbinden Einfache Plug-in-Anwendungen Parameter an Plug-in-Methoden übergeben Voreingestellte Parameter Andere Arten von Plug-ins Die UI-Plug-in-Bibliothek von jquery Effekte Interaktionskomponenten Widgets JQuery-UI-ThemeRoller Zusammenfassung Übungsaufgaben

5 xv 8 Plug-ins entwickeln Das Alias $ innerhalb von Plug-ins verwenden Neue globale Funktionen hinzufügen Mehrere Funktionen hinzufügen JQuery Objektmethoden hinzufügen Kontext von Objektmethoden Implizite Iteration Verkettete Methoden Methodenparameter Parameter-Maps Voreinstellungen für Parameterwerte Callback-Funktionen Anpassbare Voreinstellungen Die Widget-Factory von jquery UI Ein Widget erstellen Widgets entfernen Widgets aktivieren und deaktivieren Widget-Optionen übernehmen Untermethoden hinzufügen Widget-Ereignisse auslösen Designempfehlungen für Plug-ins Plug-ins veröffentlichen Zusammenfassung Übungsaufgaben Komplexe Selektoren und Durchlaufen des DOM Auswahl und Durchlaufen Teil Dynamisches Filtern von Tabellen Streifenmuster für Tabellenzeilen Filter und Streifenmuster kombinieren Weitere Selektoren und Traversierungsmethoden Selektoren anpassen und optimieren Ein eigenes Selektor-Plug-in schreiben Selektor-Performance Durchlaufen des DOM Hinter den Kulissen jquery-objekteigenschaften Der DOM-Elementstack Ein Plug-in für DOM-Traversierungsmethoden schreiben Performance von DOM-Traversierungsmethoden Zusammenfassung Literatur Übungsaufgaben

6 xvi 10 Komplexe Ereignisse Ereignisse Teil Zusätzliche Datenseiten laden Daten beim Darüberfahren mit der Maus anzeigen Ereignisdelegation Die jquery-delegationsmethoden verwenden Eine Delegationsmethode wählen Frühe Delegation Ein Kontextargument verwenden Benutzerdefinierte Ereignisse Unendliches Scrollen Benutzerdefinierte Ereignisparameter Ereignisse drosseln Andere Arten der Drosselung Spezielle Ereignisse Weitere Informationen zu speziellen Ereignissen Zusammenfassung Literatur Übungsaufgaben Anspruchsvolle Effekte Animation Teil Animationen beobachten und unterbrechen Den Animationsstatus bestimmen Eine laufende Animation anhalten Globale Effekteigenschaften Globales Deaktivieren aller Effekte Feineinstellung der Animationsübergänge Die Effektdauer festlegen Easing mit mehreren Eigenschaften Verzögerte Objekte Animations-Promises Zusammenfassung Literatur Übungsaufgaben

7 xvii 12 DOM-Manipulation für Fortgeschrittene Tabellenzeilen sortieren Serverseitiges Sortieren Sortierung mit Ajax Sortierung mit JavaScript Elemente verschieben und einfügen Teil Links um bestehenden Text herum einfügen Einfache JavaScript-Arrays sortieren DOM-Elemente sortieren Daten zusammen mit DOM-Elementen ablegen Zusätzliche Vorberechnungen Nicht-String-Daten speichern Umkehren der Sortierrichtung HTML5 mit eigenen Datenattributen einsetzen Zeilen mit JSON sortieren und erzeugen Das JSON-Objekt modifizieren Inhalte bei Bedarf wiederherstellen Attributmanipulation für Fortgeschrittene Elementerstellung per Kurzschrift DOM-Manipulation mit Hooks Zusammenfassung Literatur Übungsaufgaben Ajax für Fortgeschrittene Fortschreitende Verbesserung mit Ajax JSONP-Daten einsammeln Ajax-Fehlerbehandlung Das jqxhr-objekt Ajax-Promises Antworten cachen Ajax-Anfragen drosseln Ajax-Funktionen erweitern Konverter für Datentypen Ajax-Prefilter Alternative Transporte Zusammenfassung Literatur Übungsaufgaben

8 xviii A JavaScript-Closures 323 A.1 Innere Funktionen A.1.1 Gesprengte Ketten A.1.2 Gültigkeitsbereiche von Variablen A.2 Interaktion zwischen Closures A.3 Closures in jquery A.3.1 Argumente für $(document).ready() A.3.2 Ereignishandler A.3.3 Handler in Schleifen binden A.3.4 Benannte und anonyme Funktionen A.4 Gefahren durch Speicherlecks A.4.1 Unerwünschte Verweisschleifen A.4.2 Internet Explorer und sein Speicherleck-Problem A.5 Zusammenfassung B JavaScript mit QUnit testen 339 B.1 QUnit herunterladen B.2 Das Dokument einrichten B.3 Tests organisieren B.4 Tests hinzufügen und ausführen B.4.1 Asynchrones Testen B.5 Andere Testarten B.6 Praktische Erwägungen B.6.1 Literatur B.7 Zusammenfassung C Kurzreferenz 349 C.1 Selektorausdrücke C.2 Methoden zum Durchlaufen des DOM C.3 Ereignismethoden C.4 Effektmethoden C.5 DOM-Manipulationsmethoden C.6 Ajax-Methoden C.7 Verzögerte Objekte C.8 Verschiedene Eigenschaften und Funktionen Index 367

Ähnliche Dokumente

Inhalt. Vorwort 13. Einleitung JavaScript-Grundlagen 17

Inhalt. Vorwort 13. Einleitung JavaScript-Grundlagen 17 Inhalt Vorwort 13 Einleitung 15 1 JavaScript-Grundlagen 17 1.1 Was ist DHTML? 17 Begriffsbestimmung 19 Wahl der Skriptsprachen für DHTML 20 Browserkompatibilität 21 Erfassen des Quellcodes 22 1.2 Aufbau