jquery设置属性

使用 jQuery 设置属性

jQuery 提供了多种方法来操作 HTML 元素的属性。以下是常用的方法：

attr() 方法

attr() 方法用于获取或设置元素的属性值。设置属性时，可以传递键值对或对象。

// 设置单个属性
$('#element').attr('attributeName', 'value');

// 设置多个属性
$('#element').attr({
  'attribute1': 'value1',
  'attribute2': 'value2'
});

prop() 方法

prop() 方法用于获取或设置元素的属性（如 checked、disabled 等布尔属性）。适用于表单元素或布尔属性。

// 设置单个属性
$('#checkbox').prop('checked', true);

// 设置多个属性
$('#checkbox').prop({
  'disabled': true,
  'checked': false
});

data() 方法

data() 方法用于获取或设置元素的自定义数据属性（data-*）。

// 设置单个数据属性
$('#element').data('key', 'value');

// 设置多个数据属性
$('#element').data({
  'key1': 'value1',
  'key2': 'value2'
});

val() 方法

val() 方法用于获取或设置表单元素的值（如 input、select、textarea）。

// 设置值
$('#input').val('new value');

注意事项

• attr() 适用于标准 HTML 属性（如 id、class、href）。
• prop() 适用于布尔属性或动态属性（如 checked、disabled）。
• data() 专门用于操作 data-* 属性，数据会存储在 jQuery 的内存中。
• val() 仅适用于表单元素的值操作。

通过以上方法，可以灵活地设置和修改元素的属性和数据。