JQuery Introduction

JQuery Introduction


JQuery Introduction – This JQuery tutorial is for beginners and professionals providing in-depth knowledge . Each and every topic would be covered in detail with examples as well.

Before learning JQuery , It is required to have a basic knowledge of the following :
1. CSS
2. HTML
3. JavaScript

Having knowledge of these three would help greatly in understanding JQuery technology.

JQuery is being widely used across different Companies. Google, Microsoft , IBM , Oracle and Many such companies are using JQuery.

JQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML.
JQuery Introduction : There are many reasons for Using JQuery. They are as follows :

(1.) JQuery is a lightweight javascript library.
(2.) JQuery greatly resolves cross browser issues.
(3.) JQuery replaces many lines of Normal Javascript code by few lines.
(4.) JQuery Simplifies HTML and DOM manipulation , CSS Manipulation.
(5.) JQuery Supports HTML event methods.
(6.) JQuery supports Effects and animations.
(7.) JQuery makes AJAX calls very easy.
(8.) JQuery is highly extensible.

JQuery has plugin support for almost all kinds of tasks in Web Applications.

Why JQuery in Applications

JQuery is simplified version of javascript. It is an open source software.JQuery in Applications is widely used. It has almost replaced normal javascript.

Why jQuery in Applications?

I.) JQuery is an Ajax based application. To make ajax request through jQuery is much simplified.
II.) JQuery simplifies the process of traversal of HTML DOM tree
III.) JQuery provides ready to use functions and are more simple.
III.) JQuery can be used with JSP, Servlets, ASP, PHP, CGI and almost all the web programming languages
IV.) JQuery Supports all version of css.
V.) JQuery minimizes Cross-browser issues.

What are Features of jQuery:

JQuery provides DOM element selections functions
JQuery has DOM traversal and modification functionalities.
JQuery supports Events based programming.
JQuery has CSS manipulation functions.
JQuery provides Effects and animations based functions.
JQuery supports Ajax call.
JQuery is Extensibile.
JQuery Utilities – such as browser version and the each function.
JQuery provides JavaScript Plugins which can be easily integrated.

Basic syntax of JQuery :

Basic syntax is: $(selector).action()

I. A dollar($) sign to define jQuery
II. A (selector) to “query (or find)” HTML elements
III. A jQuery action() to be performed on the element(s)

Example:

                 <p> Hello,World </p>

Suppose You want to change the background-color of the text Hello,World ,  then it can be done in the below manner easily :

                $(document).ready(function(){
                     $(“p”).css(“background-color”,”red”);
                 });