U ovom screencast-u pokrivam apsolutno minimum postavljanja za korištenje jQuery-a na "stvarnom" web mjestu. Imamo datoteku index.html s izbačenom osnovnom HTML5 strukturom. jQuery je uključen kao a, a zatim izvodimo super jednostavan jQuery zadatak. Cijela datoteka izgleda ovako:
Learning jQuery $("h1").css("color", "red"); Htio sam to odmah pokriti kako biste mogli iskusiti koliko lako korištenje jQuery-a može biti. I također zato što ćemo koristiti CodePen za puno kodiranja uživo za ostatak serije. CodePen nam daje samo okruženje za testiranje / demonstraciju s kojim je jednostavno raditi i izvrsno za prikazivanje ekrana. Ono što radi iza kulisa u osnovi je isto što i ono što smo upravo učinili ovdje. Želio sam da se to razumije - tako da ne mislite da je korištenje CodePena neko čudno / čarobno mjesto koje se razlikuje od načina na koji biste napisali kod.
Ista ista stvar kao što smo učinili s datotekom index.html je poput ove na CodePenu:
Pogledajte olovku 7e6827079ef62ec19ed37ea763ef79a1 Chrisa Coyiera (@chriscoyier) na CodePen
Datoteke
- 02-Files.zip