jQuery Event Delegation: When .on() Should Take a Selector Argument
Binding click handlers to rows breaks as soon as new rows arrive. Here is how jQuery's .on() selector argument delegates events, plus where delegation costs you.
Loading…
ReadMeFeed / Community knowledge
#event-delegation
Real questions. Useful conversations. Find the people who know your stack.
jQuery .on() Delegation for Dynamic Elements: When It Helps and When to Drop It
How jQuery .on() delegation handles dynamically added elements, a concrete task list example, and when native addEventListener makes jQuery unnecessary.
javascriptWhy jQuery's .on() Replaced live() and delegate(): A Practical Look at Event Delegation
jQuery's .on() unified event delegation, replacing live() and delegate(). Learn how it works, when to use it, and the trade-offs around delegation roots, non-bubbling events, and the once: true option.
Using jQuery .on() for Event Delegation with Dynamic Elements
Learn how to use jQuery’s .on() method with a selector to delegate events to dynamically added elements, reducing listener count and avoiding missed interactions.
jQuery Event Delegation with .on(): A Practical Engineering Decision for Dynamic Content
jQuery's .on() delegation attaches one listener to a stable ancestor, handling events for current and future elements. This post covers how it works, choosing the right delegation root, selector performance, and the limitations you'll hit with non-bubbling events or stopPropagation.
Mastering jQuery Event Delegation with .on(): A Practical Guide
Learn how jQuery’s .on() method simplifies event handling for dynamic elements, improves performance, and reduces memory usage. Follow a concrete example, understand trade‑offs, and verify your implementation in the browser.
Using jQuery .on() for Dynamic Elements: A Practical Guide to Event Delegation
Learn how jQuery’s <code>.on()</code> method lets you bind events to dynamic elements efficiently. This guide covers the problem, delegation mechanics, a step‑by‑step example, trade‑offs, and actionable steps for your projects.
Using jQuery Event Delegation to Handle Dynamically Added Elements
Learn how jQuery’s .on() method with a selector lets you handle events on elements that are added to the page after the initial load, avoiding missing callbacks.
jQuery Delegated Events: One Listener That Survives Every Re-render
Delegated events with jQuery's .on(events, selector, handler) solve the classic dead-handler problem after dynamic re-renders. Here's how bubbling-based delegation works, a worked example, and when vanilla JS is the better call.