Before You Start...
This can be done in one of two ways: an external link to a remote jQuery file or download and provide a relative link to it within your own site. Regardless of the method you choose, this link should be placed before your custom scripts. A good spot to place the script is near the bottom of your source code page just before the closing body tag.
Go to the jQuery Homepage or Google Hosted Library and download the jQuery file ("jquery.min.js" or similar) and place in your scripts folder. Alternatively, you may wish to use a link to an external file:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> </body>
If using the downloaded version, place file in the "scripts" folder in root directory (the directory in which the index.html page is located) and provide a relative link.
<script src="scripts/jquery.min.js"></script> </body>
Now onto the tutorials:
- Tutorial 1: Marker for Current Page in Navigation Menu
- Tutorial 2: A Picture Slider
- Tutorial 3: A jQuery Based Game - Pin the Tail on the Donkey
Image Source: Zazzle