当前位置：首页 > jquery

jquery给input添加属性

2026-02-04 08:05:55jquery

使用 jQuery 为 input 添加属性

jQuery 提供了多种方法来为 input 元素添加属性，以下是几种常见的方法：

使用 attr() 方法
attr() 方法用于设置或获取元素的属性。为 input 添加属性时，可以传递属性名和属性值。

jquery给input添加属性

// 为 input 添加单个属性
$("input").attr("placeholder", "请输入内容");

// 为 input 添加多个属性
$("input").attr({
  "data-id": "123",
  "disabled": "disabled"
});

使用 prop() 方法
prop() 方法通常用于设置布尔属性（如 checked、disabled）。

// 禁用 input
$("input").prop("disabled", true);

// 设置 input 为必填
$("input").prop("required", true);

动态添加属性
可以根据条件动态添加属性。例如，根据输入值是否为空来添加 disabled 属性。

jquery给input添加属性

$("input").on("input", function() {
  if ($(this).val() === "") {
    $(this).attr("disabled", "disabled");
  } else {
    $(this).removeAttr("disabled");
  }
});

为特定 input 添加属性
通过选择器定位特定的 input 元素，然后添加属性。

// 为 type="text" 的 input 添加属性
$("input[type='text']").attr("maxlength", "50");

// 为特定 ID 的 input 添加属性
$("#username").attr("autocomplete", "off");

注意事项

attr() 适用于 HTML 属性（如 placeholder、data-*），而 prop() 适用于 DOM 属性（如 checked、disabled）。
移除属性时可以使用 removeAttr() 方法。
```
$("input").removeAttr("disabled");
```