jQuery Click Event Examples

### 1. **Basic Click Event**

$(document).ready(function(){
    $("#myButton").click(function(){
        alert("Button clicked!");
    });
});

📌 **Explanation:** When `#myButton` is clicked, an alert box will appear.

—

### 2. **Using `.on()` (Recommended for Dynamic Elements)**

$(document).ready(function(){
    $(document).on("click", "#myButton", function(){
        alert("Button clicked dynamically!");
    });
});

📌 **Why use `.on()`?**
If `#myButton` is dynamically added after the page loads, `.click()` won’t work, but `.on()` will.

—

### 3. **Passing Data in Click Event**

$("#myButton").on("click", { msg: "Hello, Neeraj!" }, function(event){
    alert(event.data.msg);
});

📌 **Explanation:** Data `{ msg: "Hello, Neeraj!" }` is passed and retrieved inside the event handler.

—

### 4. **Prevent Default Behavior**

$("a").click(function(event){
    event.preventDefault();
    alert("Link clicked, but default action prevented!");
});

📌 **Use case:** Prevents the link from navigating to another page.

—

### 5. **Toggle Class on Click**

$("#myButton").click(function(){
    $(this).toggleClass("active");
});

📌 **Use case:** Toggles a class `active` on the button when clicked.

—

Let me know if you need a specific use case! 🚀