.on()
method
Attaches event handlers. Supports event delegation for dynamically created elements.
Syntax
$(selector).on(events, handler) $(parent).on(event, childSel, handler)
Example
javascript
// Click handler
$('#btn').on('click', function() {
alert('Clicked!');
});
// Multiple events
$('input').on('focus blur', function(e) {
console.log(e.type);
});
// Event delegation (works for dynamic elements)
$('#list').on('click', 'li', function() {
$(this).toggleClass('done');
});