JQuery Plugins

About JQuery

JQuery is a write Less, Do more Javascript Library.When it comes to handling Ajax requests,Animations and Events JQuery is the best in the Industry today.The most important reason for its popularity is that it is fast,concise and Easy to implement.Instead of writing a complex code to do a simple task JQuery automates the same task with attractuive GUI, smooth Interface with less code that too is easy to learn and implement.

Features

LightWeight
CrossPlatform
Supports CSS3

What is JQuery

jQuery is a lightweight cross-browser JavaScript library that emphasizes interaction between JavaScript and HTML. It was released in January 2006 at BarCamp NYC by John Resig. Used by over 27% of the 10,000 most visited websites, jQuery is the most popular JavaScript library in use today.

JQuery is a fast and concise JavaScript library which simplifies the creation of animations, communications to server requests, document transversing and event handling.

jQuery is a development tool which allows for easier, faster JavaScript development.

Why Use Jquery

jQuery is a coding language that is a branch from JavaScript. jQuery works like JavaScript where its used to help with interaction and effects with your development code. jQuery hasn’t been around very long, it was release in January 2006 and only on version 1.4.0. jQuery is a new and exciting technology that is catching on quickly and making the internet more interactive and enjoyable.

The best featuring for jQuery is the effects you can accomplish, with less code than what it would take with JavaScript. Most common jQuery effects are drop down menus, drag and drop elements, animations and form validation. Developers have also connected this with other coding languages like JSP, ASP, PHP and CGI.

Downloadable Library

jQuery is almost like a type of framework you can work off of. You download a package from jQuery.com and then install a library of scripts on your server. This library has jQuery function that you can embed to your scripts. This will help you keep the file size down, create scripts faster and keep your code smaller.

Features Included

Supports All Versions of CSS
Supports Events and Utilities
Works with Ajax
Creates Usability, Effects and Animations
Works in all Popular Internet Browsers
Small File Size
Can combine with Prototype
Can work with Other Coding Languges

JQuery Basics : Step by Step

Step : 1

The First and foremost important step is the creation of a HTML Page and include the JQuery Library Script

<!doctype html>
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
</script>
</head>
<body>
<a href="http://jquery.com/">jQuery</a>
</body>
</html>

The jquery.js file can be an external reference or an internal reference in your own server.

External Reference :

A number of large enterprises provide hosted copies of jQuery on existing CDN networks that are available for public use. One can hotlink to these URL’s for external reference of Jquery script.

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>

Internal Reference :

<script type="text/javascript" src="jquery.js"></script>

One can download and include the script for hosting it in his own domain.
Download JQuery from the JQuery Download Page

Step : 2

Launching Code on Document Ready

Typically most Programmers use Javascript window.onload function to perform operations when the page is loaded. A main drawback in this Javascript is that the script does not run until all the images are downloaded. Which is not what the programmers need. The reason for using window.onload in the first place is that the HTML 'document' isn't finished loading yet, when code is executed.

The Recovery of JQuery:

JQuery has a simple statement that checks the document and waits until it's ready to be manipulated, known as the ready event:

$(document).ready(function(){
// Your code here
});

This ready event forms the Key part of the JQuery Library. Inside this event many events can be called to manipulate the contents/ perform certain operations such as Click function…

$(document).ready(function()
{
$("a").click(function(event)
{
alert("Easy Jquey!");
});
});

Jquery floating Panel tutorial [stepbystep]

Jquery 2D 3D Animation tutorial [stepbystep]

Jquery graph plotting tutorial [stepbystep]

Jquery star rating tutorial [stepbystep]

Jquery sliding boxes tutorial[stepbystep]

Jquery simple modal popup window tutorial[stepbystep] with source

Jquery S3Slider Image Gallery tutorial[stepbystep] with code

Jquery Simple Photo Revealer image gallery code tutorial with code[stepbystep]

Simple Photo Shoot Gallery image gallery code tutorial with code[stepbystep]

News Scroller tutorial with code[stepbystep]

Lavalamp Menu Tutorial with code[stepbystep]

Animated Landscape Tutorial with code[stepbystep]

kwicks animated popups website plugin Tutorial[stepbystep]

Jquery 3D Carousel Image Gallery Tutorial[stepbystep]