<!doctype html>
<meta charset="utf-8">
<title>jQuery Setup</title>
<!-- Include jQuery Library -->
<script src=""></script>
<!-- Once document is ready to be manipulated, set the body's bg color to red -->
$(document).ready(function () {
//do something here, eg
$("body").css("background", "red");

Or see live demo on of this in-class example.  The above code is making use of the jQuery library


jQuery Demos

Comparing jQuery with Pure JavaScript

jQuery Advantages. How would you use JavaScript to select an element on your page with the class “external”?  Below are two approaches:


Plugins and “Extensions” To jQuery



Other Resources

Getting Started With jQuery

  • Goes through the basics of jQuery, all the way up to building plugins.

jQuery API

  • Reference page that lists jQuery functions

jQuery Documentation

  • The main jQuery documentation / how-to page

jQuery Cycle Effects Browser

  • Demonstration of the popular Cycle plugin

jQuery for Designers

  • Great tutorials for using jQuery to create a slide panel, an accordion, collapsible panels, etc.

  • A web developer’s sandbox for playing around with HTML / CSS / Javascript

jQuery 1.4.2 Visual Cheatsheet

  • A visual reference for commonly-used jQuery commands

jQuery Plugins

  • A repository of reusable jQuery sub-libraries with functionalities relating to ajax, animations, slideshows, galleries, form validation, etc.


  • Link to this file to use all the jQuery greatness



Recommended Tools


  • Full-featured open source JavaScript debugger.


jQuery Presentation

File NameSize(KB)ModifiedUploaded By
Download jQuery-Presentation.pptx2132/17/2011 3:48:10 PM   Shaun Geisert

1 object(s)