jQuery von Kopf bis Fuß (German Edition)
denken.
Das ist schon alles?
Erstaunlicherweise werden gerade einmal zwei Zeilen jQuery-Code benötigt, um die gewünschten Effekte zu erzielen. Vermutlich wird Ihnen langsam klar, warum so viele Leute jQuery mögen. Erweitern Sie ihre Datei index.html einfach um die beiden fettgedruckten Zeilen und freuen Sie sich über das Ergebnis.
Tun Sie das hier!
Testfahrt
Jetzt können Sie die Seite in einem Browser Ihrer Wahl öffnen, um zu sehen, ob alles wie gewünscht funktioniert.
Aufgepasst
Testen Sie die Funktionen mit mehreren Browsern.
jQuery sollte in allen Browsern auf die gleiche Weise funktionieren. Das muss aber noch nicht heißen, dass die Regeln in Ihrer CSS-Datei oder auf die Seitenelemente angewandte dynamische Stile das auch tun!
Sie haben die Kampagne gerettet. Bravo!
Glückwunsch! Schon ein paar kleine Änderungen am HTML- und CSS-Code und zwei Zeilen jQuery haben ausgereicht, um Ihre Aufgabe zu erledigen. Denken Sie nur mal an all die kleinen Hundewelpen, die Sie damit gerettet haben ...
jQuery-Kreuzworträtsel
Und jetzt ist es Zeit, sich zurückzulehnen und Ihrer linken Hirnhälfte etwas zu tun zu geben. Es ist ein einfaches Kreuzworträtsel. Alle Lösungswörter stammen aus diesem Kapitel.
Waagerecht
Senkrecht
1.
Auf komplexe Interaktionen und vielseitige visuelle Effekte spezifalisierte JavaScript-Bibliothek.
1.
Die Sprache, in der jQuery geschrieben ist.
2.
Versieht eine Website mit Stilen.
3.
Der Name des Zeichens, mit dem eine jQuery-Anweisung beendet wird.
6.
Diese CSS-Deklaration sorgt dafür, dass ein Element beim Laden der Seite nicht angezeigt wird: display: ______.
4.
Der JavaScript-_______ übersetzt Ihre Anweisungen in verschiedene Aktionen auf der Seite.
7.
Nachdem ein Browser eine Seite vom Server geladen hat, lädt er sie in seinen ________.
5.
Hiermit haben Sie es zu tun, wenn paar runder Klammern auf ein Schlüsselwort folgen.
9.
Diese Art von Datei erzeugt die Struktur einer Webseite.
8.
Wird von jQuery verwendet, um ein Element in der Seite zu finden und zurückzugeben.
10.
Name des Zeichens, das für die jQuery-Kurzschrift-Methode benutzt wird.
11.
Mit diesem Programm können Sie testen, ob Ihre jQuery-Skripte funktionieren.
12.
Der Nachname des Schöpfers von jQuery, John _____.
13.
Name des Zeichens, mit dem ein jQuerySelektor und eine jQuery-Methode voneinander getrennt werden.
jQuery-Kreuzworträtsel: Lösung
Ihr jQuery-Werkzeugkasten
Damit haben Sie Kapitel 1 abgeschlossen. In Ihrem Werkzeugkasten befinden sich jetzt die jQuery-Grundfunktion, Selektoren, click-Events und der Einblendeffekt.
Die jQuery-Funktion
Hiermit können Sie Elemente einer HTML-Seite auswählen und bearbeiten.
Dank der Abkürzung $ brauchen Sie nicht ständig »jQuery« zu schreiben.
Die jQuery-Funktion kann mit Selektoren, schlichtem HTML und sogar mit JavaScript-Objekten umgehen.
Selektoren
jQuery wählt die Elemente auf die gleiche Weise aus wie CSS: mit Selektoren.
Dabei können Sie so ziemlich jedes HTML-Element als Selektor verwenden.
Einblendeffekte
Sobald Sie ein Element ausgewählt haben, können Sie es auf verschiedene Arten mit den Funktionen FadeIn, FadeOut, FadeTo und FadeToggle ein- (und aus-)blenden.
Die Geschwindigkeit des Effekts können Sie steuern, indem Sie in die runden Klammern am Ende der Anweisung einen Wert (in Millisekunden) schreiben.
Kapitel 2. Selektoren und Methoden: Einpacken und mitnehmen
jQuery hilft Ihnen dabei, Seitenelemente auszuwählen und damit alle möglichen Dinge anzustellen. In diesem Kapitel werden wir uns in die Selektoren und Methoden von jQuery vertiefen. Mit jQuery-Selektoren können Sie die Elemente einer Seite auswählen; mit Methoden können Sie Sachen mit den Elementen anstellen. Wie ein mächtiges Buch voller Zaubersprüche lässt uns die jQuery-Bibliothek tonnenweise Dinge ganz nach Bedarf verändern. Wir können Bilder einfach so verschwinden und wieder auftauchen lassen. Wir können einen bestimmten Textteil auswählen und eine Änderung seiner Schriftgröße animieren. Na, dann wollen wir uns mal ein paar Webseiten einpacken und loslegen.
Freudensprünge
Eine Freundin, die professionelle Porträtfotografin ist, schickt Ihnen eine E-Mail, in der sie Sie um Hilfe bittet. Sie möchte eine Werbeaktion mit dem Motto „Freudensprünge“ durchführen, bei der die Besucher ihrer Website die Bilder günstiger bekommen können. Und Sie sollen dafür sorgen, dass die Werbeaktion online
Weitere Kostenlose Bücher