JQuery Kochbuch (German Edition)

Titel: JQuery Kochbuch (German Edition) Kostenlos Bücher Online Lesen
Autoren: jQuery Community Experts

Vom Netzwerk:

})(jQuery);
    //-->

Autoren des jQuery-Kochbuchs

John Resig

Cody Lindley

James Padolsey

Ralph Whitbeck

Jonathan Sharp

Michael Geary

Scott González

Rebecca Murphey

Remy Sharp

Ariel Flesler

Brian Cherne

Jörn Zaefferer

Mike Hostetler

Nathan Smith

Richard D. Worth

Maggie Wachs

Scott Jehl

Todd Parker

Patty Toland

Rob Burns

    Figure 3-6 zeigt das Ergebnis.
    Figure 3-6. Code-Ausgabe
    Wir erzeugen zunächst ein Array aus den

-Elementen der geordneten Liste. Dazu nutzen wir einen jQuery-Selektor und übergeben das Array danach als Argument an die jQuery-Hilfsmethode
$.map()
,die ein bestehendes Array nimmt und in ein anderes Array »abbildet«. Das zweite Argument ist dabei die Funktion, die über das Array iteriert, für die Umwandlung sorgt und einen neuen Wert zurückgibt, der dann in einem neuen Array abgelegt wird.
    Im vorigen Beispiel iterieren wir durch das Array und geben nur die
html()
-Werte der ersten drei Listen-Elemente zurück, die damit das neue Array bilden. Dann nehmen wir dieses Array und nutzen die join-Methode, um einen einzelnen String zu erstellen, der dann wiederum am Ende des Dokuments eingefügt wird.
    Diskussion
    In der Lösung nutzen wir die jQuery-Hilfsmethode
$.map()
, die ein bestehendes Array in ein anderes umwandelt.
$.map()
erwartet zwei Argumente – ein Array und eine Callback-Funktion:
$.map([1,2,3], function(n,i) { return n+i;});

//Ausgabe: [1,3,5]
    $.map()
iteriert über jedes Element des ursprünglichen Arrays und übergibt jedes dieser Elemente zusammen mit dem Index der aktuellen Position an die Funktion. Die Methode erwartet dabei, dass ein Wert zurückgegeben wird, der dann in das neue Array wandert.
    ----
    Note
    Wenn der null-Wert zurückgegeben wird, wird auch kein neuer Wert im neuen Array abgelegt. Gibt man also null zurück, wird das Element damit aus dem neuen Array entfernt.
    ----

Eine Aktion auf einer Untermenge des selektierten Sets ausführen
    Problem
    Sie wollen eine Aktion auf einer Menge von Tags durchführen, aber es gibt keine Möglichkeit, diese Tags mit einem jQuery-Selektions-Set von den anderen Tags zu trennen.
    Lösung
    Wir können die Methode
slice()
nutzen,um aus dem Selektions-Set eine Untermenge herauszufiltern. Dabei übergeben wir einen Start-Index und einen End-Index, um danach unsere Aktion per Verketten anzuhängen:
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


    Kapitel 3 - Rezept 6 - Durchführen einer Aktion auf einer Untermenge <br />     des selektierten Sets

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eget nibh ut
tortor egestas pharetra. Nullam a hendrerit urna. Aenean augue arcu, vestibulum eget
faucibus nec, auctor vel velit. Fusce eget velit non nunc auctor rutrum id et ante.
Donec nec malesuada arcu. Suspendisse eu nibh nulla, congue aliquet metus. Integer
porta dignissim magna, eu facilisis magna luctus ac. Aliquam convallis condimentum
purus, at lacinia nisi semper volutpat. Nulla non risus justo. In ac elit vitae elit
posuere adipiscing.

Aliquam gravida metus sit amet orci facilisis eu ultricies risus iaculis. Nunc
tempus tristique magna, molestie adipiscing nibh bibendum vel. Donec sed nisi luctus
sapien scelerisque pretium id eu augue. Mauris ipsum arcu, feugiat non tempor
tincidunt, tincidunt sit amet turpis. Vestibulum scelerisque rutrum luctus. Curabitur
eu ornare nisl. Cras in sem ut eros consequat fringilla nec vitae felis. Nulla
facilisi. Mauris suscipit feugiat odio, a condimentum felis luctus in. Nulla interdum
dictum risus, accumsan dignissim tortor ultricies in. Duis justo mauris, posuere vel
convallis ut, auctor non libero. Ut a diam magna, ut egestas dolor. Nulla convallis,
orci in sodales blandit,