jQuery von Kopf bis Fuß (German Edition)

wichtig!
    Das gilt besonders, wenn Sie Ihren Besuchern etwas Wichtiges mitteilen müssen und diese Nachricht danach wieder entfernt werden soll. Mehr zu Reihenfolge und Timing erfahren Sie in Kapitel 5 .
    Es gibt keine: Dummen Fragen
    F:
F: Manchmal sind die gerade per remove entfernten Elemente im Quellcode noch zu sehen. Warum?
A:
A: Viele Browser führen eine zusätzliche Serverabfrage durch, wenn Sie die Option »Quelltext anzeigen« ausgewählt haben. Werzeuge zum Untersuchen des DOM (wie die Entwicklerwerkzeuge von Google Chrome oder Firebug für Firefox) sollten Ihnen dagegen das DOM anzeigen, das auch für die Darstellung der Seite verwendet wird.
F:
F: Was haben die Methoden
Math.floor
und
Math.random
zu bedeuten?
A:
A: Die Methode
floor
rundet eine Zahl auf den nächsten ganzzahligen Wert ab und gibt das Ergebnis zurück. Die Methode
random
gibt eine Zufallszahl zwischen 0 und 1 zurück. Wenn wir das Ergebnis einer anderen Zahl multiplizieren, erhalten wir immer eine Zahl zwischen null und dem Multiplikator.
F:
F: Wo kommt
$(this)
her?
A:
A: In vielen objektorientierten Programmiersprachen ist
this
(oder
self
) ein Schlüsselwort, das in Instanzmethoden verwendet wird. Es bezeichnet das Objekt, an dem die gerade ausgeführte Methode aufgerufen wurde.
F:
F: So. Ich kann jetzt einen zufälligen Rabatt anzeigen, wenn jemand ein Bild anklickt, und ihn wieder entfernen, wenn ein anderes Bild angeklickt wird. Das ist aber sicher noch nicht alles, oder?
A:
A: Richtig. Sie haben uns erwischt. Das ist eigentlich nur das erste Puzzleteil. Die Leute müssen auch in der Lage sein, den Code zu benutzen, wenn sie zur »Kasse« gehen, um ihre Fotos zu bezahlen. In den Kapitel 8 bis Kapitel 10 werden wir uns eingehender mit dieser Art von Funktionalität beschäftigen.
    Probefahrt
    Bauen Sie die gerade geschriebene Codezeile in Ihre index.html -Datei ein. Danach öffnen Sie die Seite mit Ihrem Browser und überprüfen, ob alles nach Wunsch funktioniert. Klicken Sie mehrere Male. Damit können Sie sicherstellen, dass auch die Zufallszahl, die wir der
rabatt
-Variablen angehängt haben, tut, was wir wollen. Außerdem können Sie so feststellen, ob die alten Rabattwerte auch korrekt entfernt werden.

Jetzt sind Sie dran, Freudensprünge zu machen
    Herzlichen Glückwunsch! Sie haben alle Anforderungen erfüllt – die Kampagne funktioniert.
    Die Seite soll aus vier Abschnitten bestehen. Jeder Abschnitt enthält eines von vier „Freudensprünge“ -Bildern.
Die Abschnitte sollen anklickbar sein.
Wir brauchen eine Nachricht, die lautet: »Ihr Rabatt beträgt«, gefolgt von einem zufälligen Rabatt (zwischen fünf und zehn Prozent).
Wenn ein Besucher auf einen dieser Abschnitte klickt, soll die Nachricht unter dem Foto dieses Abschnitts erscheinen.
Wenn der Benutzer noch einmal klickt, soll die letzte Nachricht verschwinden und eine neue Meldung angezeigt werden.
    Von: Emily
    Betreff: Re: „Freudensprünge“ -Werbeaktion!
    Vielen Dank, dass Du Dir so viel Arbeit für mich gemacht hast. Meine Website ist jetzt viel besser.
    Ich hoffe, den Leuten gefallen meine Fotos genauso gut wie mir meine neue Seite!
    --
    Emily
    > P. S.: Ich habe Dir ein Selbstporträt von mir mit meiner Fotoausrüstung angehängt. Ich habe es aufgenommen, als ich die neue Webseite gesehen habe ... Wenn Du errätst, was ich gerade mache, gibt es aber keine Belohnung.

Ihr jQuery-Werkzeugkasten
    Sie haben Kapitel 2 abgeschlossen. Jetzt enthält Ihr jQuery-Werkzeugkasten auch die Grundlagen von jQuery-Selektoren und -Methoden.
    $(this)
    Wählt das »aktuelle« Element aus.
    Die Bedeutung von $(this) ändert sich im Code, je nachdem, wo es gerade benutzt wird.
    jQuery-Methoden
    Methode – Eine jQuery-Methode ist wiederverwendbarer Code, der in der jQuery-Bibliothek definiert wird. Methoden werden verwendet, um bestimmte Dinge in jQuery und JavaScript zu erledigen. Stellen Sie sich eine Methode wie ein Verb vor – es geht immer darum, irgendetwas mit der Webseite zu tun.
    . append – Fügt das angegebene Element in das DOM ein. Es wird immer am Ende des aufrufenden Elements eingefügt.
    . remove – Entfernt das Element aus dem DOM.
    Selektoren
    $(this) – Wählt das aktuelle Element aus.
    $(“div”) – Wählt alle div-Elemente der Seite aus.
    $(“div p”) – Wählt alle p-Elemente aus, die sich innerhalb eines div-Elements befinden.
    $(“.meine_klasse”) – Wählt alle Elemente aus, die das class-Attribut meine_klasse