Events, Manipulating Elements, and AJAX

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


Expected Duration
112 minutes

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.


Event Handling

  • 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

Element Management

  • 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

Introduction to AJAX

  • 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

Practice: AJAX with jQuery

  • use AJAX to make a request and update an element on the web page based on the response





Multi-license discounts available for Annual and Monthly subscriptions.