.on()

Attaches one or more event handlers. Supports event delegation for dynamically added elements using a selector parameter.

Syntax

jquery

$(selector).on(event, handler)
$(parent).on(event, childSelector, handler)

Example

jquery

// Direct binding:
$(".btn").on("click", function() { ... });

// Event delegation (works for dynamic elements):
$(document).on("click", ".dynamic-btn", function() {
  $(this).toggleClass("active");
});

// Multiple events:
$("input").on("focus blur", function(e) {
  console.log(e.type);
});