JQuery Introduction

2 Day Instructor-led
course icon

Course Information

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript. This jQuery for Developers training course teaches JavaScript developers how to make the most of the jQuery JavaScript library, in a hands-on, instructor-led environment. Through a series of lectures, demonstrations, and exercises, students attending this course will learn how to perform AJAX requests using jQuery, leverage the browser event model, manipulate the document object model, add effects and animations to their web pages, and leverage jQuery plugins.


Students attending this course should have experience programming using the JavaScript language.

Course Outline

1. Debugging JavaScript
  • Debugging JavaScript
  • Common Mistakes
  • Debugging JavaScript
  • IE Default Error Dialog
  • IE Debugging
  • Script Debugger
  • Debugging JavaScript
2. Introduction to jQuery
  • jQuery philosophies
  • Fundamentals of jQuery
  • Reasons to use (and not use) jQuery
  • Downloading & Installing jQuery
  • Understanding the jQuery wrapper & its uses
  • DOM & CSS manipulation with jQuery
3. Manipulating CSS with jQuery
  • CSS selectors and jQuery
  • Selecting elements with jQuery
  • Selecting elements by container
  • Selecting elements by child
  • Using attribute-based selections
  • Working with sets of selected elements
  • Determining set size
  • Iterating over selected elements
  • Obtaining subsets of wrapped elements
  • Leveraging DOM relationships
4. Manipulating HTML & the DOM using jQuery
  • Adding/Removing DOM elements
  • Replacing page content
  • Relocating DOM/HTML content
  • Removing and copying DOM elements
5. Working with form data
  • Retrieving & manipulating form elements
  • Retrieving form data
  • Leveraging the form plugin
6. Understanding the jQuery event model
  • Adding (and removing) event handlers to DOM elements
  • Triggering event handlers with jQuery
  • Understanding & controlling event propagation
7. Using jQuery animation methods
  • Using show(), hide(), and toggle()
  • Managing collapsible lists
  • Using fade and slide transition effects
  • Using the animate() wrapper for custom animations
8. AJAX applications with jQuery
  • Replacing XMLHttpRequest with jQuery methods
  • Using the jQuery load() function
  • Making GET and POST requests with jQuery
  • Using .ajax() for fine-grained control over AJAX queries
9. Using other jQuery plugins (Live Query, Form, UI, and others).

Dates & Availability

We currently don’t have any dates scheduled for this training course but offer it as a corporate, private course for your own team.

Please use the enquire button below.

Private Courses

We can arrange your own private JavaScript course.


Have us build a custom private course tailored to your needs.

Cost Effective

If you are looking to training a group of people private courses can be very cost effective.

Post Course Support

Unlimited post course email support on the course topics.

What Our Clients Think

Really good course. lots of hands on practice and clear explanations.

fiona dawe - Covetrus Global Software Services

Cannot fault the content & delivery of the course at all. A brilliant service from start to finish. Thank you Systematix.

Claire Mitchell - Denbighshire County Council

This was a really good training, nicely paced, very useful and well presented. Thank you, Stuart!

Joris Latinne - Oracle

The trainer did a fantastic job of delivering the course and providing understanding

Niall Simmons - Haven Power

Course was well adjusted to consider the business perspective - considering commonly needed calculations, time based data analysis etc.

Suvi Salminen - Crane CPE

I took so much away from this course and felt Stuart's teaching method was exceptional.

Rowanne Kiehl - SSE

Related Courses

Virtual or Classroom
2 Days
This course takes new and existing JavaScript developers through the new powerful capabilities of ECMAScript 6.
Virtual or Classroom
2 Days
This course teaches JavaScript developers how to make the most of using the jQuery JavaScript library,