I denne screencast dækker jeg det absolutte minimumsopsætning for at bruge jQuery på et "rigtigt" websted. Vi har en index.html-fil med den grundlæggende HTML5-struktur stubbet ud. jQuery er inkluderet som en, og så udfører vi en super simpel jQuery-opgave. Hele filen ser sådan ud:
Learning jQuery $("h1").css("color", "red"); Jeg ønskede at dække det med det samme, så du kan opleve, hvor let at bruge jQuery kan være. Og også fordi vi bruger CodePen til en masse live kodning i resten af serien. CodePen giver os bare et test / demonstrationsmiljø, der er let at arbejde med og fantastisk til screencasts. Hvad det laver bag kulisserne er stort set det samme som det, vi lige har gjort her. Jeg ønskede, at det skulle forstås - så du synes ikke at bruge CodePen er et underligt / magisk sted, der adskiller sig fra, hvordan du ville skrive kode.
Den samme nøjagtige ting som vi gjorde med index.html-filen er sådan på CodePen:
Se pennen 7e6827079ef62ec19ed37ea763ef79a1 af Chris Coyier (@chriscoyier) på CodePen
Filer
- 02-Files.zip