jQuery Tutorial

jQuery is a JavaScript library.

jQuery greatly simplifies JavaScript programming.

jQuery is easy to learn.

Each article in this chapter contains online examples

Through the online editor of this site, you can run the modified code online and view the running results.

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").click(function(){
    $(this).hide();
  });
});
</script>
</head>
<body>
<p>如果你点我，我就会消失。</p>
<p>继续点我!</p>
<p>接着点我!</p>
</body>
</html>

Run Instance»

Click the "Run Instance" button to view the online instance

jQuery Examples

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

jQuery Online Example

jQuery Quiz

Test your jQuery skills on w3cschool!

jQuery Quiz

jQuery Reference Manual

In this tutorial, you will learn more about how to use jQuery.

jQuery Reference Manual
jQuery API Manual