jQuery von Kopf bis Fuß (German Edition)

zurückzugeben. Das funktioniert sogar mit verschachtelten Elementen. Als Nächstes wollen wir mal einen jQuery-Selektor auseinandernehmen, um zu sehen, wie er funktioniert.

jQuery in der Übersetzung
    Damit Sie sehen, wie einfach es ist, jQuery zu lernen, haben wir hier ein paar wichtige Redewendungen für Sie, die bei einer Reise nach DOM-Land nützlich sein können.

    SEIEN Sie der Browser
    Ihr Job ist es, Browser zu spielen und die HTML-Elemente (links) einzukreisen, auf die sich die jQuery-Anweisung (rechts) auswirkt.
    jQuery-Anweisung
HTML-Elemente
$("p").hide();

Eines Morgens, als Gregor Samsa von bösen
Träumen geplagt erwachte ...

bemerkte er, dass er sich in seinem Bett in
ein furchtbares Insekt verwandelt hatte.

Er lag auf seinem panzerartigen Rücken, und
wenn er seinen seinen Kopf ein wenig hob ...

$("span.Italienisch").toggle();
Nel Mezzo del cammin
di nostra vita

In the middle of this
road called "our life"

mi ritrovai per una
selva oscura
$("p#meintext").show();

Eines Morgens, als Gregor Samsa
von bösen Träumen geplagt erwachte ...

bemerkte er, dass er sich in
seinem Bett in ein furchtbares Insekt verwandelt
hatte.

Er lag auf seinem panzerartigen Rücken, und
wenn er seinen seinen Kopf ein wenig hob ...

    SEIEN Sie der Browser: Lösung
    Ihr Job ist es, Browser zu spielen und die HTML-Elemente einzukreisen (links) auf die sich die jQuery-Anweisung (rechts) auswirkt.
    Hier unsere Lösung.
    Es gibt keine: Dummen Fragen
    F:
F: Warum soll man extra jQuery-Anweisungen schreiben, wenn es doch auch nur JavaScript verwendet? Reicht JavaScript selbst denn nicht aus?
A:
A: JavaScript ist für eine Menge Sachen hervorragend geeignet – besonders für die Manipulation des DOM. Es ist aber auch ziemlich komplex, und die Manipulation des DOM auf der untersten Ebene ist alles andere als einfach. Und genau da kommt jQuery ins Spiel: Es versteckt viele der komplexen Dinge, die bei der Arbeit mit dem DOM auftreten können, und macht die Erstellung von Effekten supereinfach. (jQuery wurde übrigens von John Resig entwickelt. Weitere Informationen zu ihm finden Sie unter der Adresse http://ejohn.org/about .)
F:
F: Warum taucht in jQuery andauernd diese seltsame Doll-arzeichen auf?
A:
A: Das Dollarzeichen ist eine Abkürzung, damit Sie nicht andauernd »jQuery« schreiben müssen. Wenn Sie zusätzlich mit anderen clientseitigen Skriptsprachen arbeiten, kann die Verwendung von
jQuery ()
dabei helfen, Namenskonflikte zu vermeiden.
F:
F: Ihr habt, glaube ich, schon einmal von »client-seitigem Skripting« gesprochen. Was war das nochmal genau?
A:
A: Webentwickler bezeichnen den Browser gern als Client , weil er Daten von einem Webserver entgegennimmt. Eine clientseitige Skriptsprache gibt dem Browser hinter den Kulissen Anweisungen, während mit einer serverseitigen Sprache Anweisungen an den Server übergeben werden können. Mehr zu diesem Thema finden Sie in den Kapitel 8 und Kapitel 9 .
F:
F: Wo kommt das DOM eigentlich her?
A:
A: Gute Frage. Webentwickler und -designer waren die Inkonsistenzen zwischen verschiedenen Browsern irgendwann einfach leid. Sie wollten einen einheitlichen Standard haben, mit dem Webseiten in beliebigen Browsern mit Verhalten und Interaktion ausgestattet werden können. Zusammen mit den verschiedenen Interessengruppen entwickelte das World Wide Web Consortium (W3C) deshalb diesen Standard. Weitere Informationen dazu finden Sie beispielsweise unter http: //w3.org/dom .
F:
F: Wenn ich jQuery herunterladen möchte, gibt es eine Produktions- und eine Entwickler-version. Wo ist der Unterschied?
A:
A: Die Produktionsversion ist minifiziert , das heißt, eine Menge unnötiger Zeichen wurde einfach weggelassen. Dadurch läuft der Code schneller, ist aber natürlich auch schwerer zu lesen. In der Entwicklerversion sind die Leerzeichen und Zeilensprünge noch enthalten, wodurch sie viel besser lesbar ist. Sie ist für diejenigen gedacht, die gern im Code herumstochern oder ihn möglicherweise sogar erweitern möchten. (Schließlich ist jQuery Open Source.)

Ihre erste jQuery-Aufgabe
    Gerade haben Sie Ihre neue Stelle als Webdesigner bei der Kleintierrettung von Webbingen angetreten. Das Marketingteam will seine jährliche Spendenkampagne mit einer Neugestaltung der »Helfen Sie unseren pelzigen Freunden«-Website beginnen. Sie haben