jQuery Event Handler Methods

About This Index

This page is the jQuery Event Handler index for the tutorial track. Each row links to a full guide with syntax, examples, and FAQs.

Learn the jQuery overview on /jquery. Use this page when you need an Event Handler API such as .on(), .off(), or .trigger().

How to Call an Event Handler Method

Prefer .on() for direct and delegated binding; remove with .off():

$("#btn").on("click", function () {
  console.log("clicked");
});

$("#list").on("click", "li", function () {
  console.log($(this).text());        // works for future <li> too
});

$("#btn").one("click", fn);           // runs once
$("#btn").trigger("click");
$("#btn").off("click");

// Legacy → modern
// $("#list").delegate("li", "click", fn);
$("#list").on("click", "li", fn);

jQuery Event Handler Methods Table

All Event Handler method guides in this jQuery tutorial series (13 tutorials).