The DOM can seem complex and intimidating, jQuery keeps it simple. jQuery is JavaScript, but a much more approachable version. When you want to control the DOM, jQuery makes it much easier. For instance, let's say we want to cahnge the HTML inside of the only pagragraph element on our page. One of jQuery's main strengths is that it allows you to work with the DOM without having to know every little thing about it. Underneath it all, JavaScript is doing the heavy lifting.

Show me the the Furry Friend of the Day


Ajax allows you to exchange data with a server in a dynamic way. Using Ajax, you can load or reload only a portion of the page with JavaScript.

Mouse over a book for more information.



JSON, short for JavaScript Object Notation, is a lightweight data-interchange format. It is easy for humans to read and write. It is easy for machines to parse and generate. That's what makes it perfect for structuring and transferring data. It's based on subset of the standard used to define JavaScript. It is more efficient at transferring data than XML, and is based on name/value pairs, like associative arrays. The values in JSON can be strings, numbers, arrays, objects, Boolean values (true or false) or null.

  1. jsonindex.html: A form collects data and send it to the server for processing.
  2. my_scripts.js: This script calls the service.php file. This call should return a JSON object and then should alert out the number of runners that were returned.
  3. hfjq_race_info.sql: This script creates hfjq_race_info database to store information.
  4. service.php: This script sends back the runners' retrieved data from the database.
  5. time.php: This script gets the time.
  6. jquery-1.6.2.min.js: This script contains the jQuery library.
  7. jquery.idTabs.min.js: This script contains the jQuery library.