Learn jQuery: An In-depth Course For Beginners

Download the latest jQuery from the official site, choose between uncompressed and minified builds, and include it with a bottom-of-page script tag. Consider using a Google CDN for faster delivery.

Explore jQuery chaining by selecting elements and applying multiple css styles in one call, while caching queries and chaining methods to write fast, efficient code.

Discover how the jQuery library uses css selectors to locate elements and why they are powerful yet easy to understand, and master basic techniques plus viewing results via a bookmarklet.

learn to write efficient jQuery selectors by prioritizing id targets for speed, avoiding broad class selections in older browsers, and using find, chaining, and stored query objects to minimize selections.

Learn jQuery selectors through a hands-on exercise that opens the exercise file and the script.js, uncomments a line to color all elements yellow, and tests in the browser.

Explore custom animations in jQuery with the animator method, passing a JavaScript object that defines only numeric CSS properties like font-size, width, left, and top using pixels.

Learn how jQuery processes animations in a queue, using delay and stop to schedule or cancel steps, with examples of fading elements and optional setTimeout triggers.

Disable animations in jQuery to improve accessibility and performance by turning off effects; set jQuery.fx.off to true to make elements fade away instantly in the example.

Explore how to get and set HTML attributes with jQuery, including modifying image width and links, using the attr and related methods, and applying multiple attributes via a JavaScript object.

Learn to inspect and modify form fields with jQuery, including text inputs, textareas, selects, checkboxes, and radios, using val and prop to get or set values.

Master jQuery offset to inspect and set element positions using top and left relative to the page or offset parent, and learn about width, height, and margins.

Learn jQuery by modifying a page: remove the form, create five divs from the input, assign blocks class, position diagonally with left offsets 100 to 500, and fade when enabled.

Explore browser events, learn how to register event handlers, use the event object, and manage cross-browser consistency, bubbling, and event delegation to control user interactions.

Learn to register, bind, and deregister jQuery events—using specific elements, event types, and handlers—and leverage delegated events to control behavior and prevent unwanted navigation.

Learn how to make an element follow the cursor using jQuery by binding a mousemove event, calculating offset, and centering the box, then unbinding on click and fade in.

Explore how AJAX fetches JSON from a web service using jQuery's get JSON method, handle the response, output results to the page, and log data to the console.

Master ajax error handling in jQuery by implementing a global ajax error handler and per-call error handlers, simulating failures, displaying user messages, and debugging with the console.

Explore how jQuery plugins extend functionality with a reversible text example and length five to twenty characters controls, and learn to create reusable, modular plugins you can share.

Explore how to build a browser game with jQuery, where you shoot rising targets with the mouse, track score and high scores, and tweak play using simple configuration parameters.