JQuery Tutorial

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
snippet
<!DOCTYPE html>
<html>
<head>
 <title>First jQuery Example</title>
<script type="text/javascript" src="http://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>
</html>
Test it Now

Output:

This is first paragraph.

This is second paragraph.

This is third paragraph.

Prerequisite

Before learning jQuery, you must have the basic knowledge of JavaScript.

Audience

Our jQuery tutorial is designed to help beginners and professionals.

Problem

We assure that you will not find any problem in this jQuery tutorial. But if there is any mistake, please post the problem in contact form.

Follow Us
https://www.facebook.com/Rookie-Nerd-638990322793530 https://twitter.com/RookieNerdTutor https://plus.google.com/b/117136517396468545840 #
Contents +