jQuery Tutorial

Examples in Each Chapter

Our “Try it Yourself” editor makes it easy to learn jQuery. You can edit code and view the result in your browser:

Example

$(document).ready(function(){
  $("p").click(function(){
    $(this).hide();
  });
});

Click on the “Try it Yourself” button to see how it works.

jQuery Exercises

Test Yourself With Exercises

Exercise:

Use the correct selector to hide all <p> elements.$("").hide();