Mastering jQuery



In this course, you will explore how to use the freely-available jQuery library to simplify client-side scripting tasks. You will learn how to write jQuery selectors to round up sets of Document Object Model (DOM) elements and how to use jQuery's many wrapped set methods to manipulate DOM elements. You will use the jQuery event model to set up event listeners and callback functions, manage Ajax requests with jQuery, and extend jQuery with utility functions and wrapped set method plug-ins.

You will focus on using the freely available jQuery user interface (UI) library to develop compelling user interfaces for web sites and applications. You will learn how to use jQuery UI's extended set of animation effects, how to create and configure instances of jQuery UI interaction helpers, how to implement jQuery UI interface components (Datepickers and Accordions), and how to develop plug-ins that extend jQuery UI's capabilities.


Experienced JavaScript developers who want to learn to use the jQuery library with their web applications


Experience in practical JavaScript development at an intermediate level

Learning Objectives

  • Incorporate the most recent version of jQuery into web pages
  • Use jQuery in conjunction with other JavaScript libraries
  • Perform DOM manipulations using jQuery selectors and other DOM support features
  • Initiate Ajax requests with jQuery and handle responses in plain text, HTML, and XML formats
  • Author plug-ins that extend jQuery's native functionality

1. Getting Started with jQuery

  • Downloading the Most Recent Version of jQuery
  • Using jQuery with Other Libraries
  • Start Processing When the DOM Tree is Ready
  • jQuery Utility Functions

2. Forming Wrapped Sets with jQuery Selectors

  • CSS Selectors
  • Hierarchical Selectors
  • Basic Filters
  • Content Filters
  • Visibility Filters
  • Attribute Filters
  • Child-Specific Filters
  • Form Element Filters
  • Additional Wrapped Set Methods

3. Event-Driven Programming with jQuery

  • Event Helpers
  • Interaction Helpers:
  • jQuery Event Objects
  • jQuery Live Events

4. jQuery and Ajax

  • The load() Wrapped Set Method
  • Basic Ajax Requests with $.get() and $.post()
  • $.getJS-N() and $.get Script()
  • Exercising Complete Control with $.ajax()
  • Global Ajax Events
  • Ajax Helper Methods

5. Developing jQuery Plug-ins

  • Best Practices
  • Utility Function Plug-ins
  • Wrapped Set Method Plug-ins
  • Providing Default Argument Values

6. XSLT Transformations with jQuery (Optional)

  • Using the jQuery Transform plug-in
  • Performing transformations
  • Handling transformation output
  • Passing parameters t- XSLT stylesheets

7. jQuery Unit Testing (Optional)

  • Using the QUnit Framework
  • Developing a Sample HTML Page for Testing
  • Analysis of a jQuery Unit Test Script

8. Getting Started with jQuery UI

  • Downloading the Most Recent Version of jQuery UI
  • Using an Existing Theme or Creating Your Own
  • jQuery Wrapped Set Methods Extended by jQuery UI
  • jQuery UI Animation Effects
  • Using Animations with show(), hide(), and toggle()

9. jQuery UI Interaction Helpers

  • Draggables
  • Droppables
  • Resizables
  • Selectables
  • Sortables

10. jQuery UI User Interface Elements, Part I

  • Progressbar
  • Slider
  • Datepicker
  • Dialog
  • Button
  • Autocomplete

11. jQuery UI User Interface Elements, Part II

  • Tabs
  • Accordions

12. jQuery UI Plug-ins

  • Using an Object to Retain State Information
  • Using a Single Method with an Action Argument
  • Creating a Plug-in Using $.widget()
  • Adding Callbacks to a Plug-in