<button id="myButton">点击我</button>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
    $("#myButton").click(function() {
        alert("按钮被点击了!");
    });
});
</script>

$("#myButton").click(function() {
    $(this).text("已点击");
});

// 禁用按钮
$("#myButton").prop("disabled", true);

// 启用按钮
$("#myButton").prop("disabled", false);

// 确保DOM加载完成后再绑定事件
$(document).ready(function() {
    $("#myButton").click(function() {
        // 处理逻辑
    });
});

// 或者使用更简洁的写法
$(function() {
    $("#myButton").click(function() {
        // 处理逻辑
    });
});

$(document).on("click", "#dynamicButton", function() {
    // 处理动态添加的按钮点击事件
});

<div class="btn-group">
    <button class="btn" data-value="1">选项1</button>
    <button class="btn" data-value="2">选项2</button>
    <button class="btn" data-value="3">选项3</button>
</div>

<script>
$(function() {
    $(".btn").click(function() {
        // 移除所有按钮的active类
        $(".btn").removeClass("active");
        // 为当前点击的按钮添加active类
        $(this).addClass("active");
        // 获取按钮的值
        var selectedValue = $(this).data("value");
        console.log("选择了: " + selectedValue);
    });
});
</script>

$("#submitBtn").click(function(e) {
    e.preventDefault(); // 阻止默认表单提交行为
    
    // 验证表单
    if(validateForm()) {
        // 禁用按钮防止重复提交
        $(this).prop("disabled", true).text("提交中...");
        
        // 发起Ajax请求
        $.ajax({
            url: "submit.php",
            method: "POST",
            data: $("#myForm").serialize(),
            success: function(response) {
                // 处理成功响应
            },
            complete: function() {
                // 无论成功失败都重新启用按钮
                $("#submitBtn").prop("disabled", false).text("提交");
            }
        });
    }
});