jQuery Tutorial

jQuery tutorial provides deep knowledge of jQuery technology for both beginners and professionals.

In this jQuery tutorial you will learn about example, selectors, traversing, events, effects, jQuery fundamentals, CSS and attributes. This jQuery Tutorials are broken down into sections and each section has number of related topics that are packed with easy to understand explanations.

jQuery Example

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

<!DOCTYPE html>  
<html>  
<head>  
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/
jquery.min.js"></script>  
<script>  
$(document).ready(function(){  
    $("p, h1").click(function(){  
        $(this).hide();  
    });  
});  
</script>  
</head>  
<body>  
<h1> this is a heading</h1>  
<p>Click me!</p>  
</body>  
</html>

What is jQuery

jQuery means “write less do more”. It is a lightweight, “write less, do more” and JavaScript library created by John Resig in 2006. jQuery is used to simplify the client-side scripting of HTML. jQuery also gives you the ability to create an Ajax based application in a quick and simple way.

jQuery is just a JavaScript library. It makes easy to use JavaScript on your website. jQuery can be called as an abstraction layer. In jQuery, you can write the several lines of JavaScript code and wrap it into functions and can call that function with a single line of code.

jQuery does not replace JavaScript. While writing the jQuery the code you write is still a JavaScript code.

To use jQuery, you don’t need to be a JavaScript expert. jQuery is used to simplify the complex things from JavaScript like DOM manipulation and AJAX calls, so that without knowing a lot about JavaScript you can do all these things.

jQuery is just a JavaScript library and used to simplify the client-side scripting of HTML. jQuery also gives you the ability to create an Ajax based application in a quick and simple way.

Advantages of jQuery

Here are some advantages of jQuery:

Easy to use: it is very easy to use. The person who has the basic working knowledge of HTML, CSS and JavaScript can start development with jQuery.

Save lots of time: Using the jQuery inbuilt effects and selectors you can save lots of time and efforts.

Compatible with browsers: jQuery is compatible with all major modern browsers such as Google Chrome, Opera, Mozilla Firefox, Safari and Internet Explorer.

Absolutely free: jQuery is completely free to download and use.

Features of jQuery

Here are the important features of jQuery:

Simple and easy: jQuery is easy to learn. It has predefined methods and using those methods you can perform any task easily compare to JavaScript.

Ajax Support: it supports AJAX. So using the AJAX technology you can develop a responsive and feature-rich site.

HTML manipulation: Using the jQuery you can easily select DOM elements, traverse them and modifying their content.

Lightweight: jQuery is very lightweight library. Its size is about 19KB.

Cross browser support: jQuery support all modern web-browser.

JavaScript Library: jQuery is just a JavaScript library.

Built-in Animation: jQuery have predefined method "animate ()". Using that method you can create custom animation on web-page.

jQuery Tutorial