Module 6 - Lesson 4

jQuery Events

jQuery event methods are used to create further manipulation of the DOM (Document Object Model) by attaching a function to an event handler. In other words – users interact with the browser by clicking or hovering over something and those are called events. jQuery can recognize an event and then do something with it. In this video, I will walk you through a few example events.

Video Chapters

00:00 Introduction

00:34 Click Events

04:23 Resources

04:41 Blur and Focus Events

07:49 KeyDown Event

09:41 On Event

11:58 Hover Event

Click event syntax:
$('element').click(function() {

	// element is clicked

});
Hover event syntax:
$('element').hover(function() {

	// hover in

}, function() {

	// hover out

});

Join the discussion

Share your thoughts about this lesson with fellow students!

Login to your Account

If you're a DSA Student, please log in to your account to access the course content.

Sorry, you don't have access to this content.

It looks like you're not enrolled in Divi Stylist Academy.