jquery设置按钮不可点击

使用 prop 方法禁用按钮

通过设置 disabled 属性为 true，可以禁用按钮。这是推荐的方式，因为它直接修改 DOM 属性而非 HTML 属性。

$("#buttonId").prop("disabled", true);

使用 attr 方法禁用按钮

attr 方法也可以禁用按钮，但它是操作 HTML 属性而非 DOM 属性。在 jQuery 1.6+ 版本中，prop 更推荐用于布尔属性（如 disabled）。

$("#buttonId").attr("disabled", "disabled");

通过添加 CSS 类模拟禁用状态

如果需要保留按钮的可点击性但仅视觉上禁用，可以添加一个 CSS 类并阻止点击事件。

$("#buttonId").addClass("disabled").on("click", function(e) {
    e.preventDefault();
});

对应的 CSS 示例：

.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

移除按钮的点击事件

直接解绑按钮的点击事件，但按钮外观不会变化。

$("#buttonId").off("click");

动态切换按钮状态

结合条件判断动态启用或禁用按钮。

var isDisabled = true; // 根据条件设置
$("#buttonId").prop("disabled", isDisabled);