W tym screencastie przedstawiam absolutne minimum konfiguracji do wykorzystania jQuery w „prawdziwej” witrynie. Mamy plik index.html z podstawową strukturą HTML5 usuniętą. jQuery jest dołączane jako a, a następnie wykonujemy super proste zadanie jQuery. Cały plik wygląda następująco:
Learning jQuery $("h1").css("color", "red");
Chciałem od razu to omówić, abyś mógł przekonać się, jak łatwe może być używanie jQuery. A także dlatego, że przez resztę serii będziemy używać CodePen do kodowania na żywo. CodePen daje nam po prostu środowisko testowe / demonstracyjne, z którym łatwo się pracuje i świetnie nadaje się do screencastów. To, co robi za kulisami, jest zasadniczo takie samo, jak to, co właśnie zrobiliśmy tutaj. Chciałem, aby to zrozumiano - więc nie sądzisz, że używanie CodePen jest jakimś dziwnym / magicznym miejscem, które różni się od sposobu, w jaki pisze się kod.
Dokładnie to samo, co zrobiliśmy z plikiem index.html, wygląda tak na CodePen:
Zobacz pióro 7e6827079ef62ec19ed37ea763ef79a1 autorstwa Chrisa Coyiera (@chriscoyier) na CodePen
Akta
- 02-Files.zip