In diesem Screencast erkläre ich die absolut minimale Einrichtung zur Nutzung von jQuery auf einer "echten" Website. Wir haben eine index.html-Datei mit der grundlegenden HTML5-Struktur. jQuery wird als <script> eingebunden und dann führen wir eine super einfache jQuery-Aufgabe aus. Die gesamte Datei sieht so aus:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Learning jQuery</title>
</head>
<body>
<h1>Hello, World!</h1>
<script src="js/jquery-2.0.3.js"></script>
<script>
$("h1").css("color", "red");
</script>
</body>
</html>Ich wollte das sofort behandeln, damit Sie erleben können, wie einfach die Verwendung von jQuery sein kann. Und auch, weil wir für den Rest der Serie CodePen für viel Live-Coding verwenden werden. CodePen bietet uns lediglich eine Test- / Demonstrationsumgebung, die einfach zu handhaben und großartig für Screencasts ist. Was es im Hintergrund tut, ist im Wesentlichen dasselbe wie das, was wir gerade hier getan haben. Ich wollte, dass das verstanden wird – damit Sie nicht denken, dass die Verwendung von CodePen ein seltsamer/magischer Ort ist, der sich von der Art und Weise unterscheidet, wie Sie Code schreiben würden.
Dasselbe wie wir mit der index.html-Datei gemacht haben, ist auf CodePen so:
See the Pen 7e6827079ef62ec19ed37ea763ef79a1 by Chris Coyier (@chriscoyier) on CodePen
Das ist großartig, vielen Dank für diesen Kurs!