Learn jQuery: Event Handlers

In this course, you will learn how to link an event to effects using jQuery event handlers.

Start[missing "en.views.course_landing_page.learn-jquery.course_illustration" translation]
Mouse Events
Lesson 1 of 1
  1. 1

    The jQuery library provides a collection of methods that serve one of two purposes. - To listen for an event — an event (e.g. clicking a button) is something the user does to trigger an act...

  2. 2

    Another popular jQuery event listener is [...] . The [...] event triggers a callback function when a user enters the area that a targeted element occupies. To listen for a mouse enter event, we...

  3. 3

    One issue with the behavior we added to our Sole Shoes website in the last exercise is that the menu remains in the DOM after the mouse leaves the menu area. The [...] event listener can detect ...

  4. 4

    jQuery also allows us to chain multiple methods. Instead of re-declaring the HTML element you're selecting, you can append one event to another. Let's see how we can use chaining to add hover fun...

  5. 5

    Have you noticed in our Sole Shoes website that when you mouse over one photo, all of the images zoom. That's because [...] is a class on all the product photos. One way to solve this issue is t...

  6. 6

    In this lesson, you learned a few of the most common mouse events in the jQuery library. - Event handlers are comprised of an event listener and a callback function. An event listener specifies th...

What you'll create

Portfolio projects that showcase your new skills

Pro Logo

How you'll master it

Stress-test your knowledge with quizzes that help commit syntax to memory

Pro Logo

Learn jQuery: Event Handlers

Start[missing "en.views.course_landing_page.learn-jquery.course_illustration" translation]