Ebben a képernyőn a jQuery használatának abszolút minimális beállítását ismertetem egy „valódi” weboldalon. Van egy index.html fájlunk, amelynek alapvető HTML5-struktúrája el van hagyva. A jQuery szerepel a-ként , majd egy szuper egyszerű jQuery-feladatot hajtunk végre. A teljes fájl így néz ki:
Learning jQuery $("h1").css("color", "red"); Ezt azonnal meg akartam fedezni, hogy megtapasztalhassa, milyen egyszerű lehet a jQuery használata. És azért is, mert a CodePen-t sok élő kódoláshoz fogjuk használni a sorozat többi részében. A CodePen csak egy tesztelési / bemutató környezetet biztosít számunkra, amellyel könnyen lehet dolgozni, és kiválóan használható a képernyőképernyők számára. Amit a színfalak mögött csinál, az lényegében megegyezik azzal, amit éppen itt tettünk. Azt akartam, hogy ezt megértsék - tehát nem gondolja, hogy a CodePen használata valami furcsa / varázslatos hely, amely eltér a kódírás módjától.
Ugyanaz, amit az index.html fájlnál tettünk, hasonló a CodePen-hez:
Lásd: Chris Coyier (@chriscoyier) tollal 7e6827079ef62ec19ed37ea763ef79a1 a CodePen-en
Fájlok
- 02-Files.zip