V tomto screencastu popisuji absolutní minimum instalace jQuery na „skutečné“ webové stránce. Máme soubor index.html se základní strukturou HTML5 vyřazen. jQuery je zahrnut jako a poté provedeme super jednoduchý úkol jQuery. Celý soubor vypadá takto:
Learning jQuery $("h1").css("color", "red");
Chtěl jsem to hned pokrýt, abyste si mohli vyzkoušet, jak snadné může být používání jQuery. A také proto, že pro zbytek série budeme používat CodePen pro spoustu živého kódování. CodePen nám poskytuje testovací / předváděcí prostředí, se kterým se snadno pracuje a je skvělé pro screencasty. To, co dělá v zákulisí, je v podstatě stejné jako to, co jsme právě udělali tady. Chtěl jsem, aby to bylo pochopeno - takže si nemyslíte, že používání CodePen je nějaké zvláštní / magické místo, které se liší od toho, jak byste psali kód.
Stejná přesná věc jako u souboru index.html je v CodePen tato:
Podívejte se na pero 7e6827079ef62ec19ed37ea763ef79a1 od Chris Coyier (@chriscoyier) na CodePen
Soubory
- 02-Files.zip