En måde at tænke på jQuery er "Select and Do" -biblioteket. jQuery er særlig god til at vælge elementer på siden (ting i DOM) og derefter gøre noget. Vælg og gør. Vælg og gør.
Se pennen 99a923df4131377dc308895be1baf4e1 af Chris Coyier (@chriscoyier) på CodePen
I denne screencast begyndte vi at bruge Dev Tools i Google Chrome. Vi bruger Chrome i resten af denne serie specifikt fordi Dev Tools er så gode. Men indtil videre bruger vi dem bare på et ret grundlæggende niveau, og stort set alle browsere har en tilsvarende version af disse værktøjer. Det, vi bruger her, er evnen til at inspicere DOM og se, hvad der sker med vores elementer på siden. Og vigtigst af alt skal du bruge konsollen, som giver os mulighed for at skrive og udføre små bit af JavaScript lige på siden.
Vi henviste lidt til jQuery API-dokumentationen, hvilket er meget godt og nyttigt, og vi bruger meget. Vi brugte specifikt addClass () -metoden og css () -metoden.