Tässä kuvaruudussa käsittelen absoluuttisen vähimmäisasetuksen jQueryn hyödyntämiseksi "todellisella" verkkosivustolla. Meillä on index.html-tiedosto, jonka HTML5-perusrakenne on poistettu käytöstä. jQuery sisältyy a-muotoon ja sitten suoritamme erittäin yksinkertaisen jQuery-tehtävän. Koko tiedosto näyttää tältä:
Learning jQuery $("h1").css("color", "red"); Halusin käsitellä sitä heti, jotta voit kokea kuinka helppoa jQueryn käyttö voi olla. Ja myös siksi, että käytämme CodePenia useisiin live-koodauksiin loppusarjassa. CodePen antaa meille vain testaus- / esittelyympäristön, jonka kanssa on helppo työskennellä ja joka sopii erinomaisesti kuvaruutuun. Se, mitä se tekee kulissien takana, on olennaisesti sama kuin mitä juuri teimme täällä. Halusin, että tämä ymmärretään - joten et usko, että CodePenin käyttö on jokin outo / maaginen paikka, joka eroaa koodin kirjoittamistavasta.
Sama asia kuin mitä teimme index.html-tiedoston kanssa, on näin CodePenissä:
Katso Chris Coyierin (@chriscoyier) kynä 7e6827079ef62ec19ed37ea763ef79a1 CodePenistä
Tiedostot
- 02-Tiedostot.zip