Skip to main content

jQuery für Dummies

jQuery für Dummies

Lynn Beighley, Thomas Demmig (Translator)

ISBN: 978-3-527-70863-5

Sep 2012

351 pages

Select type: Paperback

Product not available for purchase

Über die Autorin 7

Einleitung 19

Über dieses Buch 19

Törichte Annahmen über den Leser 20

Wie dieses Buch aufgebaut ist 20

Teil I: jQuery – Grundlagen 20

Teil II: Elemente durch Effekte steuern 20

Teil III: Ihre Webseite anpassen 21

Teil IV: Plugins und Widgets verwenden 21

Teil V: Ajax-Anwendungen erstellen 21

Teil VI: jQuery in Content-Management-Systeme integrieren 21

Teil VII: Der Top-Ten-Teil 21

Symbole, die in diesem Buch verwendet werden 21

Wie es weitergeht 22

Teil I jQuery – Grundlagen 23

Kapitel 1 Der Start mit jQuery 25

Was jQuery für Sie tun kann 25

Eine Definition von jQuery 25

Effekte und Ereignisse in jQuery 26

Plugins verwenden 27

jQuery installieren 28

jQuery herunterladen 28

Einen Ordner für Übungszwecke einrichten 30

jQuery von einer Webseite aus aufrufen 31

Eine Webseite auf Ihrem Computer betrachten 33

Ein erster jQuery-Code 33

Kapitel 2 Zugriff auf HTML-Elemente 39

Elemente – Grundlegendes 39

Überblick über die Elemente 39

Häufig verwendete HTML-Elemente 40

Elementwerte auslesen und setzen 42

Elementattributwerte – Grundlegendes 42

Elementattributwerte auslesen 43

Elementinhalte auslesen 45

Elementattributwerte setzen 46

Elementattributwerte entfernen 49

HTML-Inhalte ändern 49

Textinhalte ändern 51

Kapitel 3 HTML-Elemente, Attribute und Positionen auswählen 53

jQuery-Selektoren verwenden 53

Bestimmte Elementtypen selektieren 53

Alle Elemente selektieren 57

Eine ID selektieren 57

Klassen selektieren 59

Nach der Reihenfolge selektieren 62

In Formularen selektieren 64

Über Attribute selektieren 65

Nach Sichtbarkeit selektieren 66

Eltern- und Kind-Elemente 67

Kapitel 4 Vom Umgang mit Ereignissen 69

jQuery beim Laden der Seite verwenden 69

Mit Ereignissen arbeiten 70

Klicken und Doppelklicken 71

Einem Element den Fokus zuweisen 76

Ein Tastatur-Ereignis erkennen 77

Ein Maus-Ereignis erkennen 79

Mit Interaction Helpern arbeiten 82

Hovering 83

Umschaltfunktionen 85

Teil II Elemente durch Effekte steuern 87

Kapitel 5 Verstecken spielen mit Webseitenelementen 89

Elemente mit jQuery verbergen 89

Ein Element anhand seines Typs über einen Button ausblenden 89

Ein Element mit einer ID verbergen, wenn es angeklickt wird 92

Ein Element über das Schlüsselwort this verbergen 94

Ein Element mit einer Animation verbergen 95

Elemente mit jQuery anzeigen 97

Ein Element aufgrund seiner ID anzeigen 98

Ein Element mit einer Animation anzeigen 99

Die Sichtbarkeit mit jQuery umschalten 103

Einen Umschalter verwenden 103

Mit Animation umschalten 105

Eine Callback-Funktion verwenden 106

Kapitel 6 Webseitenelemente gleiten lassen und dimmen 109

Elemente mit jQuery gleiten lassen 109

Heruntergleiten 109

Heraufgleiten 112

Die Gleitgeschwindigkeit ändern 115

Abwechselndes Hinab- und Hinaufgleiten 115

Mit einer Callback-Funktion gleiten 117

Elemente mit jQuery dimmen 119

Aufdimmen 119

Abdimmen 121

Teilweises Abdimmen 124

Kapitel 7 Webseitenelemente animieren 127

Wie Animationen in jQuery funktionieren 127

Elemente mit jQuery animieren 131

Höhe und Breite animieren 131

Die Breite des Innen- und Außenabstands animieren 134

Die Transparenz animieren 137

Schriftgröße und Wortabstand animieren 138

Animationsdauer anpassen 141

Mit show, hide und toggle animieren 141

jQuery-Animationen stoppen 142

Teil III Ihre Webseite anpassen 145

Kapitel 8 Den Inhalt von Webseiten dynamisch gestalten 147

Textinhalte auslesen und setzen 147

HTML-Inhalte auslesen und setzen 150

Formularwerte auslesen und setzen 154

Inhalte in Elemente einfügen 158

Inhalte am Ende anfügen 158

Inhalte am Anfang einfügen 160

Inhalte außerhalb eines Elements einfügen 160

Elemente verschieben 162

Ein Element mit Inhalt umhüllen 164

Kapitel 9 Elemente auf Webseiten ersetzen, entfernen und kopieren 167

Elemente ersetzen 167

Ein Element mit replaceWith() ersetzen 167

Ein Eltern-Element ersetzen, die Kind-Elemente aber beibehalten 168

Ein Element mit replaceAll() ersetzen 170

Elemente ersatzlos streichen 172

Elemente entfernen 172

Inhalte entfernen 174

Elemente klonen 175

Elemente ohne Ereignisse klonen 175

Elemente zusammen mit ihren Ereignissen und Daten kopieren 176

Teil IV Plugins und Widgets verwenden 179

Kapitel 10 Plugins – Grundlegendes 181

Wie jQuery-Plugins funktionieren 181

jQuery-Plugins erhalten 182

Ihre ersten jQuery-Plugins testen 184

Lassen Sie es schneien 184

Tabellenzeilen und -spalten hervorheben 187

Einen Tooltip hinzufügen 189

Kapitel 11 Mit Bildeffekten spielen 195

Eine Lightbox mit Colorbox erstellen 195

Colorbox installieren 195

Eine einfache Colorbox mit Bildern erstellen 198

Eine Lightbox mit einem Titel versehen 200

Eine Reihe von Bildern in einer Lightbox anzeigen 201

Eine Diashow anzeigen 203

Eine Bildergalerie erstellen 204

Galleria installieren 205

Eine einfache Bildergalerie erstellen 206

Kapitel 12 Formulare aufpeppen 209

Standardwerte anzeigen 209

Formularfelder überprüfen 212

Einen Date Picker erstellen 215

Kapitel 13 Das Seitenlayout steuern 219

Ein Akkordeon-Menü erstellen 219

Inhalte aufteilen 224

Ein gleitendes <div>-Element erstellen 227

Kapitel 14 Eine Benutzeroberfläche gestalten 231

Das jQuery User Interface verwenden 231

Einen eigenen Download zusammenstellen 233

Ein Theme auswählen 233

Ein Theme anpassen 235

Ein Theme herunterladen 237

Ihre Downloaddatei erstellen 238

jQuery-UI-Widgets verwenden 240

Ein Akkordeon hinzufügen 241

Einen Date Picker erstellen 242

Tabs anzeigen 242

Teil V Ajax-Anwendungen erstellen 245

Kapitel 15 Ajax und jQuery in Zusammenarbeit 247

Ajax – Grundlegendes 247

Daten mit Ajax laden 248

Den Inhalt einer Textdatei laden 248

Den Inhalt einer Webseite laden 249

Einen Teil einer Webseite laden 252

Daten mit Ajax verschicken 253

Kapitel 16 Ajax-Plugins verwenden 259

Wie Ajax-Plugins in jQuery funktionieren 259

Einen Ajax File Uploader verwenden 260

Inhalte dynamisch wechseln 263

Ajax-Popup-Fenster erstellen 268

Teil VI jQuery in Content-Management-Systeme integrieren 271

Kapitel 17 Coole Bildeffekte mit jQuery und Drupal 273

Auf der Suche nach Drupal-Modulen 273

Drupal-Module finden 273

Drupal-Module herunterladen 275

Die Module Image und Image Gallery aktivieren 277

Bilder in Ihre Galerie einfügen 279

Bildeffekte in Drupal erstellen 280

Das Thickbox-jQuery-Modul für Drupal herunterladen 280

Thickbox aktivieren 281

Thickbox mit Ihrer Bildgalerie verwenden 281

jQuery in Drupal integrieren 282

Drupal für die Zusammenarbeit mit jQuery konfigurieren 283

Die jQuery-Bibliothek in die Drupal-Inhalte einbinden 283

Kapitel 18 jQuery und Joomla! zusammen verwenden 287

Wie arbeiten jQuery und Joomla! zusammen? 287

Joomla! so konfigurieren, dass es jQuery erkennt 287

Von Joomla! aus auf jQuery zugreifen 289

jQuery-Erweiterungen für Joomla! finden 293

jQuery-Erweiterungen mit Joomla! verwenden 294

Eine Bildgalerie erstellen 294

Tweets von Twitter auf Ihrer Joomla!-Seite anzeigen 298

Kapitel 19 Bessere Blogs mit jQuery und WordPress 303

jQuery mit WordPress zusammenarbeiten lassen 303

jQuery-basierte WordPress-Plugins finden 307

Das jQuery-Colorbox-Plugin in WordPress verwenden 311

Teil VII Der Top-Ten-Teil 313

Kapitel 20 Zehn Plugins, die Sie nicht verpassen sollten 315

uploadify 315

jCarousel 318

qTip 319

jQuery pager 320

jQuery Flash 321

toggleElements 323

Coda-Slider 2.0 324

pagination 325

Humanized Messages for jQuery 326

Single Drop Down Menu 327

Kapitel 21 Zehn Design- und Coding-Tricks 329

Browsertypen erkennen 329

Ein Hintergrundbild animieren 331

Die Schriftgröße anpassen 331

Das Kontextmenü deaktivieren 332

jQuery von Google laden 334

Ein einfaches Slide Panel erstellen 334

Einen Verschwindeeffekt erzeugen 336

Einen Spickzettel für jQuery benutzen 337

Elemente anklickbar machen 338

document.ready-Code vereinfachen 339

Kapitel 22 Zehn jQuery-Informationsquellen 341

jQuery-Website 341

jQuery in Wikipedia 341

jQuery for Absolute Beginners Video Series 343

Visual jQuery 344

Use jQuery 345

jQuery-Plugins 345

Smashing Magazine 346

Speckyboy Design Magazine 347

Nettuts+ 347

Woorkup 348

Stichwortverzeichnis 349