Events & Delegation

// Click handler
$("#btn").on("click", function (e) {
  console.log("clicked", this);
});

// Multiple events
$("#box").on({
  mouseenter: () => console.log("enter"),
  mouseleave: () => console.log("leave")
});

// Event delegation (handles dynamically added children)
$("#list").on("click", "li.item", function () {
  $(this).toggleClass("selected");
});

// One-time event and namespaced removal
$("#once").one("click", () => alert("once"));
$(document).off("click.myApp");