jquery disable按钮（启用、禁用按钮）

封面图 • 2025-10-24 • jQuery

在 jQuery 中，你可以通过 `.prop()` 或 `.attr()` 方法来**启用或禁用按钮**。下面是几种常见的方法：

---

### ✅ 1. 禁用按钮（disabled）

```javascript
$('#myButton').prop('disabled', true);
```

或者使用 `.attr()`（不推荐，因为 `.prop()` 更符合 HTML 属性的语义）：

```javascript
$('#myButton').attr('disabled', 'disabled');
```

---

### ✅ 2. 启用按钮（enabled）

```javascript
$('#myButton').prop('disabled', false);
```

或者：

```javascript
$('#myButton').removeAttr('disabled');
```

---

### ✅ 3. 切换按钮状态（启用/禁用）

```javascript
$('#myButton').prop('disabled', !$('#myButton').prop('disabled'));
```

---

### 📌 示例 HTML

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

---

### 📌 示例 jQuery 代码

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

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

// 切换按钮状态
$('#toggleButton').click(function() {
    $('#myButton').prop('disabled', !$('#myButton').prop('disabled'));
});
```

---

### 🧠 注意事项：

- 使用 `.prop('disabled', true)` 是更推荐的方式，因为它直接操作属性。
- `.attr('disabled', 'disabled')` 也能达到效果，但 `.prop()` 更适合处理布尔属性。

如果你有更多关于按钮状态控制的问题，欢迎继续提问！