If you're seeing this message, it means we're having trouble loading external resources on our website.

If you're behind a web filter, please make sure that the domains *.kastatic.org and *.kasandbox.org are unblocked.

Main content

Unit 7: HTML/JS: Making webpages interactive with jQuery

About this unit

Learn how to use jQuery, the world's most popular JS browser library, to add interactivity to your webpages.

Welcome to jQuery

Get an overview of the jQuery library, meet the inventor, and try using jQuery in a webpage.

Learn

DOM access with jQuery

Learn how to access the DOM using jQuery and CSS selectors.

Learn

DOM modification with jQuery

Learn how to modify your webpage DOM and create new DOM nodes with jQuery.

Learn

jQuery techniques

Learn a few common techniques used by jQuery developers, like chaining function calls and looping through collections.

Learn

Practice

DOM events with jQuery

Learn how to use jQuery to add event listeners to elements, so that you can respond when users do things like click, press keys, scroll, drag, and more.

Learn

Form processing with jQuery

Learn how to use jQuery to process forms in the browser, like to make quizzes or games.

Learn

DOM animation & effects with jQuery

Learn how to use jQuery to animate elements with effects like fading and sliding.

Learn

Further learning

Learn