Explain event delegation in JavaScript and its benefits.

Event delegation is a technique where you attach a single event listener to a parent element to handle events for multiple child elements. It leverages event bubbling.

Benefits:
- Better performance (fewer event listeners)
- Works with dynamically added elements
- Cleaner code

Example:
document.getElementById('parent').addEventListener('click', function(e) {
if (e.target.classList.contains('child')) {
console.log('Child clicked!');
}
});