jQuery von Kopf bis Fuß (German Edition)

einen Screenshot aus dem letzten Jahr bekommen und dazu Anweisungen, welche Änderungen vorzunehmen sind.

    Natürlich will niemand gleich an seinem ersten Tag das Marketing im Stich lassen. Schließlich wollen Sie diese Leute nicht gegen sich aufbringen. Dann wollen wir mal sehen, was sich machen lässt ...
    Spitzen Sie Ihren Bleistift
    Bevor Sie die Seite mit jQuery-Funktionen versehen, wollen wir erst einmal sehen, ob HTML- und CSS-Code in Ordnung sind. Dafür haben wir die unten stehenden Dateien der letztjährigen Kampagne bekommen. Schreiben Sie neben die Elemente, was sie Ihrer Meinung nach tun müssen, um die vom Marketing gewünschten Funktionen einzubauen.
    Spitzen Sie Ihren Bleistift: Lösung
    Bevor Sie die Seite mit jQuery-Funktionen versehen, wollen wir erst einmal sehen, ob HTML- und CSS-Code in Ordnung sind. Dafür haben wir die unten stehenden Dateien der letztjährigen Kampagne bekommen. Schreiben Sie neben die Elemente, was sie Ihrer Meinung nach tun müssen, um die vom Marketing gewünschten Funktionen einzubauen. Hier sehen Sie unsere Antworten. Machen Sie sich keine Gedanken, wenn Ihre nicht genau mit unseren übereinstimmen.

    Das könnten Sie schon, aber das bringt leicht Unordnung in die Sache.
    Bevor Sie sämtliche vom Marketingteam gewünschten Effekte mit jQuery umsetzen können, müssen wir nachsehen, ob wir auch alle für die Magie von jQuery nötigen Werkzeuge beisammen haben. Wie Sie bereits wissen, besteht die Hauptaufgabe von jQuery darin, HTML-Elemente zu manipulieren. Das heißt, dass wir eine gute Struktur brauchen. Um die Elemente anzusprechen, verwendet jQuery die gleichen Selektoren wie CSS. Das heißt, dass auch die Stile sauber definiert sein müssen.
    Wenn Sie über die Struktur nachdenken, ist es immer gut, noch einmal zu überlegen, was Sie eigentlich bauen wollen. Das Marketingteam hätte gern ein Bild, das von oben kommend eingeblendet wird, sobald ein Besucher den Link »pelzigen Freund des Tages anzeigen« anklickt. Welche Änderungen am HTML- und CSS-Code sind dafür nötig?

Die HTML- und CSS-Dateien vorbereiten
    Bevor Sie anfangen, jQuery-Anweisungen zu schreiben, sollten Sie kurz überlegen, was in den HTML- und CSS-Dateien noch anzupassen ist. Öffnen Sie die jQuery-Dateien für Kapitel 1 . (Sofern Sie das noch nicht getan haben, werfen Sie auf jeden Fall noch einen Blick auf den Abschnitt Wie man dieses Buch benutzt: Einführung in der Einleitung.) Öffnen Sie den Ordner Begin für das erste Kapitel. Danach fügen Sie den Code, der unten fettgedruckt erscheint, wie hier gezeigt in die Dateien ein.
    Tun Sie das hier!

    jQuery unter der Lupe
    Nachdem die HTML- und CSS-Dateien vorbereitet sind, können wir jetzt den Code zwischen den