# 02: File Setup / Linking Up jQuery - CSS-tricks

Anonim

I den här skärmutsändningen täcker jag det absoluta minimumsinställningen för att använda jQuery på en “riktig” webbplats. Vi har en index.html-fil med den grundläggande HTML5-strukturen utstängd. jQuery ingår som en och sedan utför vi en super enkel jQuery-uppgift. Hela filen ser ut så här:

 Learning jQuery $("h1").css("color", "red"); 

Jag ville täcka det direkt så att du kan uppleva hur enkelt att använda jQuery kan vara. Och också för att vi kommer att använda CodePen för mycket live-kodning för resten av serien. CodePen ger oss bara en test- / demonstrationsmiljö som är lätt att arbeta med och bra för skärmutsändningar. Vad det gör bakom kulisserna är i huvudsak detsamma som vad vi just gjorde här. Jag ville att det skulle förstås - så du tycker inte att använda CodePen är något konstigt / magiskt ställe som skiljer sig från hur du skulle skriva kod.

Samma exakta sak som vi gjorde med index.html-filen är så här på CodePen:

Se pennan 7e6827079ef62ec19ed37ea763ef79a1 av Chris Coyier (@chriscoyier) på CodePen

Filer

  • 02-Files.zip