First of all u need is the Jquery file downloaded from the JQuery site or a link of Google code repository for JQuery. U can either download the development version for testing purposes or min version for depolyment purpose. After u download, create a webpage of ur choice and put your jquery.file into the folder.
I will be teaching you some events handling with the simple JQuery selectors. Lets get started. Lets create a page called index.html.
<html><head><title>JQuery Tutorial I - Getting Started</title></head><body><h2>JQuery Tutorial I- Getting Stared</h2><a href="#">Show</a><br /><p>This is JQuery Tutorial demonstrating the use of JQuery and its easiness to access and manipulate the DOM elements.</p></body></html>
Here I have just created a index.html with simple HTML tags.
Test whether or not the JQuery is working by alerting some information.
Now time for some cools stuffs with selectors…. Lets control the paragraph property by using link selectors to change the visibility of the paragraph.
Lets alert when a href is clicked. U can do this simply by following JQuery..
You can also change the visibility using toggle () function which shows and hides alternatively.
In this way JQuery can be easily integrated into your website and there are lot more possibilites with JQuery and its selectors. In next Tutorial we will be dealing with different CSS selecors….
U can download the above tutorial from here..