Enabling JQuery on your site
There are several options for loading JQuery, which may be covered in other articles later, however for the purposes of this tutorial we are going to just go through a regular installation from your own web server.
On a regular, HTML/XHTML/HTML5 page you will have a "head" section. The most typical HTML page will include these elements:
<html> <head> </head> <body> </body> </html>
Ok, now what do I do? Absolutely nothing! Crack open some delicious crab juice, or eat a banana and peanut butter sandwich to celebrate your victory. You've now extended the capabilities of your webpage by leaps and bounds. Let's test this baby and see if it's working, with one of my favorite programming tests Hello World!.
Make a simple file called jquerytest.html, or whatever you'd like to call your test page and insert the following code. If you're successful, when you view your page, it will open an alert window and tell you Hello World!
For more about how to use JQuery and what JQuery can do, check out the forums and documentation on the JQuery homepage or the following resources:
- JQuery's Tutorial List
- W3School's excellent JQuery tutorials.
- Noupe's list of 51 of the best JQuery tutorials and examples
- Acris Design's 35 JQuery Tutorials You Must Know
We'll check in once in a while to update and add resources, until then, good luck in your design adventures!