Skip to content
LearnStack
jQuery curriculum

jQuery

9 lessons ready

Select, change and animate page elements with less code.

0/9 done0%
Start from lesson 1 Practice (3)

Beginner

  1. What is jQuery?

    Meet jQuery, the library that made working with web pages easier, and write your first line of it.

    6 minFree preview

  2. Selectors

    Pick exactly the elements you want with tag, class, id and relationship selectors.

    7 minFree preview

  3. Changing the page (DOM)

    Read and change text, HTML, attributes and classes, and add or remove elements.

    7 min Account

  4. Events

    Run code when the user clicks, types or hovers, using on().

    7 min Account

  5. Effects and animation

    Show, hide, fade and slide elements, and animate numeric CSS properties.

    6 min Account

Intermediate

  1. AJAX

    Load data from a server without reloading the page, using $.getJSON, $.ajax and $.post.

    8 min Account

  2. Traversing and chaining

    Move around the DOM tree with parent, children, find, siblings and closest, and chain commands.

    8 min Account

  3. Form handling

    Read, validate and submit forms: val(), serialize(), the submit event and preventDefault.

    8 min Account

Advanced

  1. jQuery or modern JavaScript?

    Side-by-side comparisons: what jQuery did, what plain JavaScript does today, and when each makes sense.

    8 min Account