jQuery Tutorial

jQuery is a JavaScript library.

jQuery greatly simplifies JavaScript programming.

jQuery is easy to learn.

Examples used in each chapter

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("p").click(function(){
  $(this).hide();
  });
});
</script>
</head>
<body>
<p>If you click on me, I will disappear.</p>
</body>
</html> 

Try it yourself

Click the 'TIY' button to see how it works.

What you will learn

In this tutorial, you will learn how to apply JavaScript effects using jQuery through tutorials and many online examples.

jQuery is a lightweight JavaScript library that 'writes less but does more'.

Basically, you will learn how to select HTML elements and how to perform tasks on them, such as hiding, moving, and manipulating their content.

The basic knowledge you need

Before you start learning jQuery, you should have a basic understanding of the following knowledge:

  • HTML
  • CSS
  • JavaScript

If you need to learn these subjects first, please visit our Home page Find these tutorials.

jQuery Examples

Learn by example! At CodeW3C.com, you will find many jQuery examples that you can edit and test online.

jQuery Examples

jQuery Reference Manual

At CodeW3C.com, you will find a complete reference manual containing all jQuery objects and functions.

jQuery Reference Manual