Course Details

Previous Page

Events, Manipulating Elements, and AJAX

Target Audience
Expected Duration
Lesson Objectives
Course Number

jQuery's power is in its ability to manipulate the DOM and handle user interactions. In this course you will learn about event handling, manipulating events, and get an introduction to AJAX and how it can be used to dynamically manage a web page.

Target Audience
Any web developer who has some experience with HTML, JavaScript, and CSS


Expected Duration (hours)

Lesson Objectives

Events, Manipulating Elements, and AJAX

  • start the course
  • distinguish and describe how to manipulate event types
  • create click(), dblclick(), mouseenter(), mouseleave(), and hover() events for an element
  • use and manipulate keyboard presses using the keypress(), keydown(), and keyup() events
  • bind events dynamically to an element and trigger them
  • work with the change(), submit(), focus(), and blur() event handlers
  • create ready() document events
  • use the resize(), and scroll() browser events
  • describe the difference between prop() and attr() as well as identify and properly use prop() and attr() to get and set properties and attributes
  • describe and use dimension methods like width() and height() to manipulate the inner, outer, and actual height and width of an element
  • add, remove, and change elements and classes
  • clone an element or set of elements
  • use wrap() and unwrap() to add or remove parents to an element
  • show and hide elements and start a web page with a hidden element
  • describe AJAX and how AJAX has evolved
  • describe the usage of the AJAX event handlers
  • create an AJAX request
  • create an error handler to display any AJAX communication errors
  • create an AJAX request and display content from the requested data
  • use AJAX to make a request and update an element on the web page based on the response
  • Course Number: