pTutorial

New way to learn Programming

JQuery Tutorial

JQuery

JQuery tutorial provides step by step (from basic to advance) learning of jQuery technology. Our jQuery tutorial is designed for beginners and professionals including -

  1. Fundamentals
  2. Selector
  3. Events
  4. Effects
  5. CSS and attributes

And also provide a lot of example with explanation to understand the concept behind each and every topic.

What is JQuery ?

JQuery is a lightweight JavaScript library that provides a lot of method for common tasks.

JQuery is cross-platform.

The main theme of JQuery is write less do more.

JQuery makes AJAX and DOM manipulation easy.

Why JQuery ?

You can perform every task by JavaScript / AJAX but the thing is you have to write very lengthy and complex code as compare to JQuery, which is the main reason of using JQuery.

JQuery example

This is the first example of JQuery to start learning JQuery easily. This tutorial contain a lot of example associated with each and every concept and some other important example.

JQuery length validation Example

<!DOCTYPE html>  
<html>  
<head>  
<script src="http://freeonlinecompiler.ptutorial.com/js/jquery.min.js"></script>  
<script>  
$(document).ready(function(){  
        $("p").click(function(){  
        $(this).hide();  
    });  
	
	   $("#showbutton").click(function(){  
        $("p").show();  
    });  
});  
</script>  
</head>  
<body>  
<h1>JQuery tutorial</h1>
<h4><p>Click on any text and see the result</p></h4>
<p>  The quick brown fox jumps over the lazy dog.</p>  
<p>  The quick brown fox jumps over the lazy dog.</p>  
<p>  The quick brown fox jumps over the lazy dog.</p>  
<p>  The quick brown fox jumps over the lazy dog.</p>  
<p>  The quick brown fox jumps over the lazy dog.</p>  
<button id="showbutton">Show</button>  
</body>  
</html>  

Download


Request

Our team member trying to make this tutorial error free but still you find any error or mistake in our JQuery tutorial or if you have any suggestion, please tell us at info@ptutorial.com. We will trying to solve this issue as soon as possible.

See Also


QUOTES OF THE DAY

Tomorrow life is too late, live today.

LIKE ON FACEBOOK

+1 ON GOOGLE

SHARE ON TWITTER