Jquery Home

JQuery is specifically JavaScript library. jQuery is very simple and easy to learn and use. jQuery is fast, small and full featured JavaScript Library. It makes easy the Html Document Traversal, Manipulation, event handling, animation and Ajax etc.

Here in this tutorial we are going to explain how you can use jQuery with examples and demos.

jQuery Tutorial

JQuery is one of the most popular & extendable javascript framework. Let us have look over some main features of jQuery-

jQuery Features

  • HTML/DOM Manipulation– jQuery provides various methods to manipulate html document object model.
  • Css Manipulation– jQuery Provides various inbuilt Css Manipulation Methods which can be easily used to work with css styles.
  • HTML event– jQuery Provides methods to deal with different-different events.
  • Animation– There are many inbuilt functions which can be used to deal with animation/effects in jQuery.
  • AJAX– jQuery provides various functions to use ajax .

What You Should Know?

Before starting jQuery you should know the basic ideas about the following technologies-

  • HTML
  • CSS
  • JavaScript

Start learning with our online editor tool.You can edit code and try it online to see the real time example and demo.

Now let us create a very basic and simple example of jQuery :

jQuery Basic Example :

<!DOCTYPE html>
<html>
<head>
<title>jQuery First Example</title>
 <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js">
 </script>
   <script type="text/javascript">
         $(document).ready(function(){
           alert("Welcome to tutorialsplane jQuery Learning Center!");
           document.write("Welcome to tutorialsplane jQuery Learning Center!");
          });
    </script>   
   </head>	
   <body>
</html>

Try it »

In the above example we have simply created script for jQuery basic example which will generate a alert box and write the text “”Welcome to tutorialsplane jQuery Learning Center!”” when the document is loaded. To see the output of the above example just hit the Try it button and it will display the result of the script written in jQuery $(document).ready function.

We are sure once you will learn it, you will love it.

Get the best Jquery Tutorial with our step by step guidance only on tutorialsplane.com!

Advertisements

Add Comment

📖 Read More