In diesem Screencast beschreibe ich das absolute Minimum für die Verwendung von jQuery auf einer „echten“ Website. Wir haben eine index.html-Datei mit der grundlegenden HTML5-Struktur. jQuery ist als enthalten und dann führen wir eine supereinfache jQuery-Aufgabe aus. Die gesamte Datei sieht folgendermaßen aus:
Learning jQuery $("h1").css("color", "red"); Ich wollte das sofort behandeln, damit Sie erfahren, wie einfach die Verwendung von jQuery sein kann. Und auch, weil wir CodePen für eine Menge Live-Codierung für den Rest der Serie verwenden werden. CodePen bietet uns lediglich eine Test- / Demonstrationsumgebung, mit der wir einfach arbeiten und die sich hervorragend für Screencasts eignet. Was es hinter den Kulissen tut, ist im Wesentlichen dasselbe wie das, was wir gerade hier gemacht haben. Ich wollte, dass das verstanden wird - Sie glauben also nicht, dass die Verwendung von CodePen ein seltsamer / magischer Ort ist, der sich von der Art und Weise unterscheidet, wie Sie Code schreiben würden.
Genau das Gleiche wie bei der Datei index.html ist bei CodePen wie folgt:
Siehe den Stift 7e6827079ef62ec19ed37ea763ef79a1 von Chris Coyier (@chriscoyier) auf CodePen
Dateien
- 02-Files.zip