jQuery Foundations: Selecting, Changing & Reacting
Select page elements, traverse the DOM, change content, attributes, classes and CSS, handle events, run effects and read forms on a fictional outdoor shop, with every answer checked as you go.
- One-time payment
- Instant access right after payment
- Secure checkout with Stripe
About this course
In this beginner course you learn jQuery by reading real code and predicting exactly what it does to a page. Each of the 21 lessons is a hands-on lab built around a fictional outdoor shop: you work out which elements a selector matches, walk the DOM with closest(), find() and siblings(), and compute what text(), val(), attr(), prop() and data() return. You trace class changes, inserts and removals, count how often click handlers run, follow events as they bubble, read forms with serializeArray() and time chained animations. A final cart project ties it all together, and a 15-question exam earns your certificate.
Lessons
- Your First jQuery Query: $(), .length and .each()Free
- Element, #id, .class and Grouped Selectors Locked
- Attribute Selectors: ^=, $=, *= and [attr] Locked
- Descendant, Child and Sibling Selectors Locked
- Picking by Position: .first(), .eq(), .slice() and .even() Locked
- Narrowing a Set: .filter(), .not() and .is() Locked
- Moving Up and Down: .closest(), .parent(), .find() and .children() Locked
- Sideways: .next(), .prev(), .siblings() and .index() Locked
- Chaining and .end(): Following One Long Statement Locked
- Reading Content: .text(), .html() and .val() Locked
- Attributes, Properties and data: .attr(), .prop(), .data() Locked
- CSS and Sizes: .css(), .width(), .innerWidth(), .outerWidth() Locked
- Classes: .addClass(), .removeClass(), .toggleClass() Locked
- Building the Page: .append(), .before(), .clone(), .remove() Locked
- Handling Events: .on(), .off() and .one() Locked
- Event Bubbling and Delegation Locked
- The Event Object: e.target, this and preventDefault() Locked
- Forms: .val(), :checked and .serializeArray() Locked
- Effects and the Animation Queue Locked
- Utilities and Speed: $.map(), $.each() and Cached Sets Locked
- Final Project: The Fernwood Cart Page Locked