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 -
- Fundamentals
- Selector
- Events
- Effects
- 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>
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.