====== Event Handling ======

jQuery simplifies event handling for various user interactions.

==== Click Event ====

<code>
$("#btn").click(function() {
    alert("Button Clicked!");
});
</code>

==== Mouse Events ====

<code>
$("#box").mouseenter(function() {
    $(this).css("background-color", "lightblue");
});
$("#box").mouseleave(function() {
    $(this).css("background-color", "white");
});
</code>

==== Keyboard Events ====

<code>
$("#inputField").keypress(function(event) {
    console.log("Key pressed: " + event.key);
});
</code>

==== Event Delegation ====

<code>
$("#parent").on("click", "button", function() {
    alert("Dynamically added button clicked!");
});
</code>