jQuery Tutorial

jQuery tutorial for beginners and professionals provides deep knowledge of jQuery technology. Our jQuery tutorial will help you to learn jQuery fundamentals, example, selectors, events, effects, traversing, CSS and attributes.

What is jQuery

jQuery is a small and lightweight JavaScript library.
jQuery is cross-platform.
jQuery means "write less do more".
jQuery simplifies AJAX call and DOM manipulation.

jQuery Example

In this tutorial, you will get a lot of jQuery examples to understand the topic well. Let's see a simple jQuery example.

File: firstjquery.html

<!DOCTYPE html>
<html>
<head>
 <title>First jQuery Example</title>
<script type="text/javascript" src="../ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
 </script>
 <script type="text/javascript" language="javascript">
 $(document).ready(function() {
 $("p").css("background-color", "pink");
 });
 </script>
 </head>
<body>
<p>This is first paragraph.</p>
<p>This is second paragraph.</p>
<p>This is third paragraph.</p>
</body>

<!-- Mirrored from www.trainingtrains.com/jquery-tutorial by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 21 Jun 2016 06:16:25 GMT -->
</html>

Test it Now

Output:

This is first paragraph.

This is second paragraph.

This is third paragraph.