In deze screencast behandel ik de absoluut absolute minimum setup voor het gebruik van jQuery op een "echte" website. We hebben een index.html-bestand met de basis HTML5-structuur eruit gedrukt. jQuery is inbegrepen als een en dan voeren we een supereenvoudige jQuery-taak uit. Het hele bestand ziet er als volgt uit:
Learning jQuery $("h1").css("color", "red");
Ik wilde dat meteen behandelen, zodat je kunt ervaren hoe gemakkelijk het gebruik van jQuery kan zijn. En ook omdat we CodePen zullen gebruiken voor veel live codering voor de rest van de serie. CodePen geeft ons gewoon een test- / demonstratieomgeving die gemakkelijk is om mee te werken en geweldig is voor screencasts. Wat het achter de schermen doet, is in wezen hetzelfde als wat we hier net hebben gedaan. Ik wilde dat dat begrepen werd - dus je denkt niet dat het gebruik van CodePen een vreemde / magische plek is die anders is dan hoe je code zou schrijven.
Precies hetzelfde als we deden met het index.html-bestand is als dit op CodePen:
Zie de pen 7e6827079ef62ec19ed37ea763ef79a1 door Chris Coyier (@chriscoyier) op CodePen
Bestanden
- 02-Files.zip