JQuery - Das neue JavaScript-Framework für interaktives Design

Inhaltsübersicht

Inhaltsverzeichnis

Vorwort

1. Einleitung

1.1 Was behandelt dieses Buch?

1.2 Schreibkonventionen

1.3 Zu meiner Person

1.4 Wen sehe ich als Zielgruppe für das Buch?

1.5 Was benötigen Sie?

1.5.1 Hardware und Betriebssystem

1.5.2 jQuery

1.5.3 Die Browser

1.5.4 Verschiedene Betriebssysteme

1.5.5 Der Webserver

1.5.6 Die Entwicklungs-Tools

1.6 Zusammenfassung

2. jQuery at its first

2.1 Beispiel 1 – Zugriff auf Elemente und Schutz des DOM

2.2 Beispiel 2 – Veränderung der Webseite mit DHTML à la jQuery

2.3 Animiertes Verkleinern und Vergrößern eines Elements

2.4 Dynamisches Ummanteln und Ersetzen

2.5 Ein Element klonen und einfügen

2.6 Attribute dynamisch verändern

2.7 Ein dynamisches Menü

2.8 Zusammenfassung

3. Grundlagenwissen

3.1 Das WWW

3.1.1 Programmierung im WWW

3.1.2 Das Web 2.0

3.2 JavaScript und das Verhältnis zu jQuery

3.2.1 Die allgemeine Einbindung von JavaScript in Webseiten

3.2.2 Die Referenz auf die jQuery-Bibliothek

3.2.3 AJAX und XMLHttpRequest (XHR )

3.2.4 Objekte

3.3 DOM und der Zugriff auf Elemente einer Webseite

3.3.1 Verfügbare DOM-Objekte

3.4 Style Sheets und DHTML

3.4.1 CSS – die Standardsprache des Webs

3.4.2 Die konkrete Syntax von CSS-Deklarationen

3.5 Zusammenfassung

4. Wie jQuery grundsätzlich arbeitet

4.1 Objekte in JavaScript

4.1.1 Der Konstruktor

4.1.2 Eine Konstruktormethode selbst erstellen

4.1.3 Deklarative Objekterzeugung mit einem Objektliteral

4.1.4 Zugriff auf Objektbestandteile

4.1.5 Klassenelemente

4.2 Variablen, Literale und Datentypen

4.2.1 Die klassischen JavaScript-Datentypen

4.2.2 Map

4.2.3 Prototyping , Erweiterungen und die Erstellung neuer Datentypen

4.3 Funktionen und Methoden

4.3.1 Funktionsaufruf versus Funktionsreferenz

4.3.2 Funktionsargumente – arguments

4.3.3 Benannte versus anonyme Funktion

4.3.4 Callbacks

4.3.5 Rekursive Funktionsaufrufe

4.3.6 queue() und dequeue() – Funktionsaufruf nacheinander ausführen

4.4 Der Kontext

4.4.1 context und nodeName

4.5 Arrays

4.5.1 Zugriff auf Arrayelemente

4.5.2 Die jQuery-Ergänzung each() zur Iteration über Arrays und Objekte

4.5.3 Generics – die Array<Type>-Notation

4.6 Zugriff auf Elemente der Webseite

4.6.1 Der jQuery-Namensraum und das jQuery-Objekt

4.6.2 Die Funktion jQuery() und der Alias $()

4.6.3 eq()

4.6.4 get( )

4.6.5 Bestimmen des Index eines Elements mit index()

4.7 Verwalten eines Datenspeichers für Elemente – data() und removedata()

4.8 Gemeinsame Verwendung von jQuery und anderen Frameworks

4.8.1 Die Funktion jQuery.noConflict()

4.9 Optionen

4.10 Zusammenfassung

5. Selektoren , Filter und Stilbeeinflussung

5.1 Grundlagen

5.1.1 Bäume, Knoten und Elemente

5.2 Die Basisselektoren in jQuery

5.3 Hierarchische Selektoren

5.4 Filter

5.4.1 Basisfilter

5.4.2 Inhaltsfilter

5.4.3 Sichtbarkeitsfilter

5.4.4 Attributfilter

5.4.5 Kindfilter

5.4.6 Filter für Formularelemente und Formularfilter

5.5 Filtermethoden

5.5.1 Die Methode not()

5.5.2 Die Methode slice() zur Angabe eines Indexbereichs

5.5.3 Die Methode filter()

5.5.4 Die Methode is()

5.5.5 Die Methode map()

5.6 Die Eigenschaft selector

5.7 CSS mit jQuery

5.7.1 Die Methode css()

5.7.2 Methoden zur Positionierung

5.7.3 Höhe und Breite

5.8 Zusammenfassung

6. Die Webseite manipulieren und durchlaufen

6.1 Ändern, Hinzufügen und Entfernen von Knoten

6.1.1 Inhalte von Knoten abfragen und verändern – html() und text()

6.1.2 Inhalt von Formularfeldern – val()

6.1.3 Einfügen von Inhalt in eine Webseite

6.1.4 Knoten nachher oder vorher einfügen

6.1.5 Ummanteln

6.1.6 Ersetzen mit replaceWith() und replaceAll()

6.1.7 Entfernen mit empty() und remove()

6.1.8 Kopieren mit clone()

6.2 Suchen & Finden

6.2.1 Von Kindern und Eltern – children(), parent()/parents() und mehr

6.2.2 Von Geschwistern

6.2.3 Finden mit find() und contents()

6.3 Zusammenfassung

7. Ereignisbehandlung

7.1 Grundlagen zu Ereignissen, Eventhandlern, Triggern und Datenbindung

7.1.1 Allgemeines zu Eventhandlern

7.1.2 Das Event-Objekt

7.1.3 Datenbindung

7.1.4 Trigger

7.2 Das Event-Objekt in jQuery

7.2.1 Der Konstruktor von jQuery.Event

7.2.2 Die Eigenschaften des Ereignisobjekts jQuery.Event

7.2.3 Die Methoden eines Objekts vom Typ jQuery.Event

7.2.4 event.stopImmediatePropagation() und event.isImmediatePropagationStopped()

7.3 Ich haben fertig – $(document).ready()/$()

7.4 Erweiterte Methoden für das Eventhandling

7.4.1 Die Methoden bind() und unbind()

7.4.2 The one and only – one()

7.4.3 Die Methode trigger()

7.4.4 triggerHandler()

7.5 Live Events – die Methoden live() und die()

7.6 Hilfsfunktionen für die Interaktion

7.6.1 Die Funktion hover()

7.6.2 toggle()

7.7 Event Helper

7.8 Zusammenfassung

8. AJAX und jQuery

8.1 AJAX und XMLHttpRequest (XHR ) – Grundlagen

8.1.1 Ein XMLHttpRequest-Objekt manuell erzeugen

8.1.2 Die Methoden eines XHR-Objekts

8.1.3 Die Eigenschaften eines XHR-Objekts

8.1.4 Das Datenformat bei einer AJAX -Kommunikation

8.1.5 Exemplarischer Ablauf einer AJAX-Anfrage

8.1.6 AJAX mit jQuery

8.2 Methoden in jQuery für AJAX-Anfragen

8.2.1 Einfach Klartext per $.get() und $.post() vom Webserver anfordern

8.2.2 Daten bei der Anforderung per $.get() und $.post() zum Webserver senden

8.2.3 XML-Daten anfordern und verarbeiten

8.2.4 JSON-Daten anfordern und verarbeiten

8.2.5 Ein Skript per AJAX nachladen – jQuery.getScript()

8.2.6 Die allgemeine Variante – load()

8.2.7 Die vollständige Kontrolle – jQuery.ajax()

8.3 AJAX Events und AJAX- Eventhandler

8.3.1 Lokale Ereignisse

8.3.2 Globale Ereignisse

8.3.3 Events

8.4 jQuery.ajaxSetup()

8.5 Zusammenfassung

9. Effekte und Animationen

9.1 Speed is all you need

9.2 Anzeigen und wegblenden – die Methoden show() und hide()

9.3 Gleiteffekte – slideDown(), slideUp() und slideToggle()

9.4 Transparenzeffekte – fadeIn(), fadeOut() und fadeTo()

9.5 Verketten von Animationen

9.6 Animationen stoppen mit stop() und jQuery.fx.off

9.7 Selbst definierte Animationen mit animate()

9.7.1 animate(Params, [duration], [easing], [callback])

9.7.2 animate( params, options )

9.8 Zusammenfassung

10. jQuery UI

10.1 Was versteht man unter jQuery UI?

10.1.1 Unterstützung der Interaktion

10.1.2 Widgets

10.1.3 Erweiterte Effekte

10.1.4 Das Themen-Framework samt ThemeRoller

10.2 Der Einstieg

10.3 Wie nutzt man jQuery UI grundsätzlich?

10.3.1 Download und Bereitstellung

10.3.2 Verwenden der Komponenten in jQuery UI

10.4 Anpassen von Komponenten in jQuery UI

10.4.1 Ein praktisches Beispiel, um einen Dialog anzupassen – ein Twitter-Client

10.5 Anpassung der CSS-Themen auf visuelle Weise – der ThemeRoller und ein jQuery-UI-Thema erstellen

10.6 Komponenten genauer beleuchtet

10.6.1 Eigenschaften/Optionen von Komponenten

10.6.2 Methoden von Komponenten

10.6.3 Events bei Komponenten

10.6.4 Effekte

10.7 Zusammenfassung

11. Plug-ins

11.1 Die Plug-in-Seite von jQuery

11.1.1 Ein vorhandenes Plug-in verwenden

11.1.2 Über Plug-ins den klassischen PC verlassen – Aufbruch in die mobile Welt

11.2 Eigene Plug-ins erstellen

11.2.1 Warum eigene Plug-ins erstellen?

11.2.2 Erstellen eines ersten Plug-ins

11.2.3 Die wesentlichen Regeln zur Erstellung eines einfachen Plug-ins

11.2.4 Regeln zur Erstellung komplexerer Plug-ins

11.2.5 Ein Beispiel für ein Plug-in mit Optionen

11.2.6 Ein Twitter-Client als hochanpassbares Plug-in

11.3 Ein Plug-in veröffentlichen

11.4 Zusammenfassung

A. Anhang

A.1 Quellen

A.2 Buch-CD

Stichwortverzeichnis