The jQuery library is focused on providing efficient shortcuts for accessing DOM elements, adding behavior to those elements, and simplifying typical AJAX coding patterns. The jQuery UI library builds on the jQuery core by providing themeable widgets. Both the UI library and the core are designed around, and dedicated to, unobtrusive JavaScript coding, by providing a concise workflow.
jQuery links:
In addition to the links above, you’ll find jQuery UI examples in the jquery-ui directory included with this workshop. Spend a bit of time reading the material on jQuery, including the demos and tutorials.
Given a basic understanding of jQuery UI, you’re ready to move on to creating an opacity slider.