on() jquery

Hi Akhter,

The $.on() method has two main differences from the usual $.click() event handler binding method. First off, you get the opportunity to define what type of event should be listened for, it doesn't have to be limited to a "click" - there are lots of events that a user could cause to happen, like a mouseup or keydown event. I added a link below to the MDN docs for standard events, it's pretty crazy how many different types of user interaction you can listen for! The other major difference you'll notice is that the $.on() method binds event handlers to both current and future elements that match the selector. In the lesson, extra color palettes are added after the original click event handler was connected to the <li> elements, but by using $.on(), the browser also listens for the events on <li> elements that are added later by user interaction.

$.on() documentation - http://api.jquery.com/on/ Standard Events MDN docs - https://developer.mozilla.org/en-US/docs/Web/Events

Hello Akhter, The on() method is used when you want to add functionalities to specific events like a click event or keydown event or other event types. You can get more information about the on() method on jQuery website.

I hope this helps.