jQuery von Kopf bis Fuß (German Edition)

hat der Webdesigner in der CSS-Datei meine_stile.css bereits eine passende Klasse mit dem Namen
blattsymbol
angelegt.

    Übung
    Schreiben Sie die Anweisung, die das Elternelement des Elternelements der »tofu«-Klassen mit dem Blatt-Symbol versieht.
    _________________________________________________________________
    Tipp: addClass ist Ihr Freund.
    Lösung zur Übung
    Nur noch ein bisschen im DOM herumklettern und etwas
addClass-
Zauberei, und wir sind fertig!
    $(“.tofu”).parent().parent().addClass(“blattsymbol”);
    Es gibt keine: Dummen Fragen
    F:
F: Mit den anderen filter-Methoden komme ich klar, aber
slice
bringt mich immer noch wahnsinng durcheinander. Können Sie mir das noch einmal genauer erklären?
A:
A: Die
slice
-Methode ist nicht leicht zu verstehen. Das Verwirrendste an
slice
sind seine Parameter:
slice(Start, Ende)
.
    Der erste Parameter ist der
Start-
Parameter. Er muss angegeben werden, damit
slice
überhaupt funktioniert. Er gibt an, wo die Auswahl der Elemente im Array beginnen soll. Vergessen Sie nicht, dass das erste Element eines Arrays den Index »0« hat. Als
Start
-Parameter können Sie auch eine negative Zahl angeben. In diesem Fall wird vom Ende des Arrays an rückwärts gezählt und nicht vorwärts von seinem Anfang an.
F:
F: Okay, und was macht dann der
End-
Parameter der
slice
-Methode?
A:
A: Der zweite Parameter (Ende) muss nicht unbedingt angegeben werden. Wenn Sie ihn nicht angeben, wählt
slice
alle Elemente ab dem
Start
-Parameter und wählt von dort aus alle Elemente im Array aus, deren Index größer ist als der
Start
-Parameter. Der
End
-Parameter ist nicht unbedingt intuitiv, wenn Sie vergessen, dass die Zählung der Array-Elemente bei 0 beginnt.
F:
F: Die
each
-Methode scheint ziemlich mächtig zu sein. Woher weiß
each
, mit welchem Element es gerade arbeitet?
A:
A: Seine wahre Stärke entfaltet
each
erst, wenn Sie die Methode mit dem Schlüsselwort
this
kombinieren. Außerdem merkt sich
each
automatisch den Index des Elements, mit dem sie gerade arbeitet. Sie sollten nur mit
each
arbeiten, wenn Sie mehr als ein Element ausgewählt haben. Um das aktuelle Element zu referenzieren, können Sie
this
verwenden. Allerdings müssen Sie es mit dem jQuery-Kürzel umgeben:
$(this)
.
F:
F: Warum muss ich in der Funktion
each
“i” oder “index” benutzen?
A:
A: Die Indexvariable, oft “
i
” oder “
index
” genannt, wird von der
each-
Methode verwendet, um die bearbeiteten Elemente zu zählen. Auf diese Weise weiß
each
, wann sie mit ihrer Arbeit fertig ist. Ohne die Indexvariable wüsste
each
nicht, mit welcher Funktion sie arbeiten und wann sie mit der Arbeit aufhören soll.
F:
F: Wie kann ich bestimmte Elemente in einem jQuery-Array finden?
A:
A: Für die Suche nach Elementen in einem jQuery-Array gibt es die Methode
find
. Angenommen, Ihr Array enthält eine Reihe von li-Elementen:
var $meine_elemente =
$("li");
    Um alle a-Elemente (Links) im Array zu finden, können Sie Folgendes schreiben:
$meine_elemente.find("a");
F:
F: Gibt es in jQuery eine Möglichkeit, ein Element mit einem anderen zu umgeben?
A:
A: Aber sicher. Um beispielweise ein Bild mit der ID
oreilly
mit einem Link zu umgeben, können Sie diesen Code hier verwenden:
$("img#oreilly").wrap("href='http://www.oreilly.
de'>");
    Probefahrt
    Seit der letzen Aktualisierung Ihrer Dateien ist schon etwas Zeit vergangen. Erweitern Sie Ihr Skript um den Code für den »Zurücksetzen«-Button und den Code zum Hinzufügen und Entfernen der Klasse »blattsymbol«, um die vegetarischen Alternativen zu kennzeichnen. Zum Vergleich mit Ihrem Code finden Sie die Dateien für dieses Kapitel auch unter http://www.thinkjquery.com/chapter04/ . Den eingedeutschten Code finden Sie unter www.oreilly.de/catalog/hfjqueryger .

Ihr jQuery-Werkzeugkasten
    Damit haben Sie Kapitel 4 abgeschlossen. Zusätzlich zu den bereits vorhandenen Dingen enthält der Werkzeugkasten jetzt die Möglichkeit, sich im DOM zu bewegen und etwas zu verändern, sowie Arrays und Filter.
    DOM-Manipulation
    Mit diesen Methoden können Sie nach Bedarf etwas zum DOM hinzufügen, ersetzen und entfernen:
    detach
    remove
    replaceWith
    before
    after
    Arrays
    Mit jQuery-Arrays können Sie alles Mögliche speichern, auch Elemente, um es später wiederzuverwenden.
    Wie bei Variablen stellen Sie Ihrem Array ein $ voran, um anzuzeigen, dass hier spezielle jQuery-Sachen gespeichert werden.
    DOM-Traversal
    Hier geht es darum, im DOM-Baum herumzuklettern und etwas zu