jQuery Tutorial

jQuery is a JavaScript libraray that makes many functionalities easy.

jQuery Tutorial

Features of jQuery :

Following are some of the features of jQuery that made it so popular among web developers and how it changed the way people wrote JavaScript.

  • Small in size
  • Fast on web browsers
  • Rich in features
  • HTML Document traversal made easy
  • Custom tailored for Event handling
  • Lot of methods for Animation
  • Rich support for Ajax
  • Versatile and Extensible
  • Works on most of the browsers

jQuery Examples

In this jQuery Tutorial, we present you a rich collection of examples for each jQuery topic.

jQuery Try Online

TutorialKart provides you Try Online option under each example. You can edit and run the example online. You can also download the code if you have done any modifications to the existing example.

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("p").click(function(){
    alert("You clicked on a paragraph.");
  });
});
</script>
</head>
<body>

<p>A paragraph.</p>

<p>Another paragraph.</p>

<a>Nothing happens when you click on this, cause this is anchor.<a/>

</body>
</html>
Try Online

Prerequisites to learn jQuery

An idea of HTML, CSS and JavaScript would help you learn jQuery easily. This tutorial is designed in such a way that you can easily follow the tutorials even if you are not aware of JavaScript basics.