jQuery

Maximillian Vollendorf ist selbstständiger Webdesigner und kümmert sich in seiner Agentur form + fakten um Beratung, Konzeption und Umsetzung von komplexen Webprojekten. Er setzt jQuery seit Langem produktiv ein.

Frank Bongers lebt und arbeitet in Berlin als freier Webdesigner, Autor und Dozent für Webprogrammierung. Seit 1999 verfolgt er die Entwicklung der Schlüsseltechnologien XML und XSLT.

... Vorwort ... 13




1 ... jQuery kennenlernen ... 17


... 1.1 ... Was jQuery alles kann ... 17

... 1.2 ... Ein Framework? Eine Community! ... 19

... 1.3 ... Nicht ohne mein JavaScript ... 20

... 1.4 ... jQuery -- viel mit wenig erreichen ... 25



2 ... Den Arbeitsplatz einrichten ... 27


... 2.1 ... Rechner und Betriebssystem ... 27

... 2.2 ... Browser ... 29

... 2.3 ... Webserver ... 31

... 2.4 ... IDEs und Editoren ... 32



3 ... jQuery -- der Einstieg ... 37


... 3.1 ... Vergleich: JavaScript mit und ohne jQuery ... 37

... 3.2 ... jQuery einbinden ... 39

... 3.3 ... Unser Beispiel mit jQuery ... 42

... 3.4 ... Wir haben fertig ... 46

... 3.5 ... Das Mausereignis -- Bindung eines Click-Events ... 48

... 3.6 ... Give me more! -- Verkettung von jQuery-Methoden ... 54

... 3.7 ... Zusammenfassung ... 60



4 ... jQuery -- die Übersicht ... 61


... 4.1 ... Im Zentrum -- das jQuery-Objekt ... 61

... 4.2 ... Die Funktion $() und ihre Signatur ... 63

... 4.3 ... CSS-Selektoren für die primäre Collection ... 69

... 4.4 ... Accessoren -- Eigenschaften der Collection ... 87

... 4.5 ... Traversieren -- ausgehend von Collections ... 92

... 4.6 ... Events und Event-Handling ... 113

... 4.7 ... Inhalte, Attribute, Datenspeicher ... 136

... 4.8 ... Formulare verarbeiten mit jQuery ... 147

... 4.9 ... DOM-Manipulation ... 163

... 4.10 ... CSS und Styleeigenschaften ... 177

... 4.11 ... Animationen mit jQuery ... 196

... 4.12 ... Deferreds und ihre Verwendung ... 225

... 4.13 ... Deferreds und Ajax ... 240

... 4.14 ... Ajax & JSON ... 241

... 4.15 ... jQuery-Helferfunktionen -- praktisches Dies und Das ... 272



5 ... jQuery -- der Praxiseinsatz ... 307


... 5.1 ... Schönere Navigationen ... 308

... 5.2 ... Von Tooltips bis Sprites ... 348

... 5.3 ... Spiel mit Bildern ... 360

... 5.4 ... Ausgewählte Plugins ... 382

... 5.5 ... Ajax mit jQuery einsetzen ... 385

... 5.6 ... Plugin-Entwicklung ... 406

... 5.7 ... jQuery UI ... 417

... 5.8 ... Formulare beherrschen mit jQuery ... 432

... 5.9 ... Flexiblere Tabellen mit jQuery ... 448

... 5.10 ... Browser und Fenster ... 468



6 ... Going mobile mit jQuery ... 497


... 6.1 ... jQuery Mobile und jQTouch ... 498

... 6.2 ... Emulatoren und IDEs für Mobilgeräte ... 499

... 6.3 ... Ins mobile Web mit jQTouch ... 506

... 6.4 ... Ins mobile Web mit jQuery Mobile ... 525

... 6.5 ... Eine tragbare Galerie mit jQuery Mobile ... 607

... 6.6 ... Zusammenfassung ... 629



7 ... Unit-Tests ... 631


... 7.1 ... Ein Blick auf QUnit ... 632

... 7.2 ... Assertions ... 633

... 7.3 ... Alle QUnit-Methoden im Überblick ... 636



... Anhang ... 639


... A ... HTML und CSS ... 641

... B ... JavaScript und DOM ... 681

... C ... Inhalt der DVD-ROM ... 715



... Index ... 717

5 jQuery – der Praxiseinsatz (S. 307-308) Willkommen im Praxisteil! Im Folgenden werden Sie den vorgestellten Sprachschatz, der in Kapitel 4, "jQuery – die Übersicht", detailliert aufgearbeitet wurde, in komplexen Zusammenhängen einsetzen. Sie werden sehen, was Sie mit jQuery in der Praxis alles anstellen können, und wie jQuery das Entwicklerleben erleichtern bzw. das Designerleben vielfältiger gestalten kann. Vielleicht haben Sie sich entschlossen, den Referenzteil zu überspringen und direkt an dieser Stelle des Buchs anzusetzen. Gut so, Sie werden trotzdem zurechtkommen. Möglicherweise werden Sie an bestimmten Stellen zurückblättern, um Hintergrundinformationen zu den angewendeten Methoden zu erhalten. Auf entsprechende Erklärungen wurde hier weitestgehend verzichtet, um den Informationsfluss nicht zu stören. Eine gewisse Redundanz mancher Passagen ließ sich dennoch nicht vermeiden – wir bitten dies schon jetzt zu entschuldigen. Über die vorgestellten Beispiele Viele der Beispiele sind auf das Notwendige reduziert. Einerseits sollen diese Bausteine die Herangehensweise verdeutlichen, wie jQuery-Anwendungen aufgebaut werden können, andererseits sollen sie dazu anregen, eigene Scripte zu generieren, sie weiter zu verfeinern und mit eigenen Ideen zu erweitern. Für viele der angerissenen Anwendungen gibt es bis ins Detail ausgearbeitete Plugins, weitere finden sich im Web mit einem anderen Lösungsweg. Manchmal schlagen Entwickler einen komplizierten Weg ein und versehen eine Anwendung mit einem Funktionsumfang, den Sie im Moment gar nicht benötigen, obwohl der Kern sehr klar überlegt ist. Auch dann ist es oft einfacher, sich an ein eigenes Konzept zu wagen, als ein vorhandenes Script zu vereinfachen. In diesem Teil des Buches werden Sie einen Einblick gewinnen, wie die Logik von jQuery-Scripten aufgebaut ist. Auf viele dieser Funktionalitäten sind Sie bereits als Anwender im Netz gestoßen, und Sie haben sich vielleicht gefragt, wie das eine oder andere aufgebaut ist. Unser Ziel ist es, in diesem Teil einmal die Motorhaube aufzuklappen und den Motor auszubauen und zu betrachten, um zu erkennen, wie solche Scripte grundsätzlich aufgebaut sind, also mit welcher Denkweise Sie ein Script angehen können. Es obliegt Ihrer Kreativität, diese Einzelteile zu etwas Eigenem auszubauen, zu verfeinern oder als Anregung zu verwenden, um einen vielleicht ganz anderen Programmieransatz zu wählen.