jQuery von Kopf bis Fuß (German Edition)

Element mit dieser Klasse ausgeführt. So können Sie die die click-Methode nacheinander für jedes Element entfernen. Dadurch wird auch der .remove -Code nicht mehr gebraucht, weil die Benutzer nur noch ein Mal klicken.

    Tatsächlich gibt es mehrere Gründe, den jQuery-Code in eine separate Datei auszulagern.
    Sie können den Code auf mehr als einer Seite verwenden
Die Seite lädt schneller.
Der HTML-Code in der Seite wird klarer und besser lesbar.
    Übung
    Sie wissen bereits, wie Sie CSS-Dateien in Ihre Seite einbinden können, und wir haben auch schon gesehen, wie die jQuery-Bibliothek geladen wird. Das Einbinden Ihrer eigenen JavaScript-/jQuery-Dateien funktioniert genauso.
    Im Wurzelverzeichnis Ihrer Website sollte sich bereits ein Ordner mit dem Namen scripts befinden (in dem Sie die jQuery-Bibliothek gespeichert haben.)
    Verwenden Sie denTexteditor Ihrer Wahl, um eine Datei namens meine_scripts.js zu erstellen. Speichern Sie diese Datei im scripts -Ordner.
Nehmen Sie den gesamten JavaScript- und jQuery-Code aus Ihrer index.html -Datei und verschieben Sie ihn in diese neue Datei. In der neuen Datei werden die Tags

nicht gebraucht.
Legen Sie in der HTML-Datei einen Link auf die neue Datei an, indem Sie vor dem schließenden

folgenden Code einfügen:

    Lösung zur Übung
    Sie wissen bereits, wie Sie CSS-Dateien in Ihre Seite einbinden können, und wir haben uns auch schon angesehen, wie die jQuery-Bibliothek geladen wird. Das Einbinden Ihrer eigenen JavaScript-/jQuery-Dateien funktioniert genauso.
    Verwenden Sie denTexteditor Ihrer Wahl, um eine Datei namens meine_scripts.js zu erstellen. Speichern Sie diese Datei im scripts -Ordner.
Nehmen Sie den gesamten JavaScript- und jQuery-Code aus Ihrer Datei und verschieben Sie ihn in diese neue Datei. In der neuen Datei werden die

-Tags nicht gebraucht.

    Anmerkung
    Wenn Sie diese Datei in jede HTML-Seite des Projekts einbinden, können Sie den Code überall benutzen, ohne ihn in jeder Datei wiederholen zu müssen.
Legen Sie in der HTML-Datei einen Link auf die neue Datei an, indem Sie vor dem schließenden

folgenden Code einfügen:

Ihre Projektstruktur
    Sie haben gerade eine wichtige Änderung einer Struktur Ihrer Dateien vorgenommen. Lassen Sie uns sehen, wie wir das alles zusammenbringen können. Seit unserem letzten Blick auf die Struktur haben wir ein paar Dinge hinzugefügt.

    Es gibt keine: Dummen Fragen
    F:
F: Warum endet der Dateiname auf .js ?
A:
A: Weil es sich um eine Java-Script-Bibliothek handelt. Sämtlicher von uns geschriebener Code soll als JavaScript in die Webseiten eingebunden werden.
F:
F: Wie hilft uns das, die Geschwindigkeit der Seite zu steigern?
A:
A: Wenn Sie die .js -Datei in mehrere HTML-Dateien einbinden, muss Ihr Browser die Bibliothek nur einmal vom Server herunterladen. Danach wird sie im Browsercache zwischengespeichert und muss nicht bei jedem Aufruf neu angefordert werden.
F:
F: Warum brauchen wir in der Datei meine_scripts.js keine
-
Tags?
A:
A: Weil es sich um HTML-Tags handelt. Da sich die Tags bereits in der HTML-Seite befinden, weiß der Browser, was er zu erwarten hat.
    jQuery-Magneten
    Benutzen Sie die Codemagneten, um Ihre Projektdateien so zu organisieren, dass Sie wissen, wie der HTML-, CSS- und jQuery-Code aufgeteilt wird. Wir wollen dafür sorgen, dass Sie das jedes Mal richtig machen.
    jQuery-Magneten: Lösung
    Benutzen Sie die Codemagneten, um Ihre Projektdateien so zu organisieren, dass Sie wissen, wie der HTML-, CSS- und jQuery-Code aufgeteilt wird. Wir wollen dafür sorgen, dass Sie das jedes Mal richtig machen.

Die Dinge function-sfähig machen
    Nachdem wir uns angesehen haben, wie man Events zu einer Seite hinzufügen und wieder entfernen kann, wollen wir uns mit einem weiteren wichtigen Merkmal beschäftigen, das uns dabei hilft, mit jQuery die Erstellung von Webseiten zu meistern: Funktionen .
    Eine Funktion ist ein Codeblock, der separat vom restlichen Code existiert und den Sie an beliebiger Stelle in Ihrem Skript ausführen können.
    Ob Sie’s glauben oder nicht, wir haben Funktionen in diesem Buch schon die ganze Zeit benutzt. Kommen Ihnen diese Dinge vielleicht bekannt vor?

    jQuery stellt Ihnen bereits eine Menge Funktionen zur Verfügung. Sie können aber auch Ihre eigenen Funktionen schreiben, um Dinge zu tun, die jQuery von sich aus nicht kann. Wenn Sie eine eigene