jquery改变属性

jQuery 改变属性方法

jQuery 提供了多种方法来修改 HTML 元素的属性。以下是常用的几种方式：

使用 .attr() 方法

.attr() 方法用于获取或设置元素的属性值。设置属性时，可以传递属性名和值，或者一个包含多个属性键值对的对象。

设置单个属性：

$('#element').attr('attributeName', 'value');

示例：

$('#image').attr('src', 'new-image.jpg');

设置多个属性：

$('#element').attr({
  'attribute1': 'value1',
  'attribute2': 'value2'
});

示例：

$('#link').attr({
  'href': 'https://example.com',
  'title': 'Example Link'
});

使用 .prop() 方法

.prop() 方法用于获取或设置元素的属性（property），通常用于布尔属性（如 checked、disabled）。

设置属性：

$('#checkbox').prop('checked', true);
$('#button').prop('disabled', true);

使用 .removeAttr() 方法

.removeAttr() 方法用于移除元素的指定属性。

移除属性：

$('#element').removeAttr('attributeName');

示例：

$('#image').removeAttr('alt');

使用 .val() 方法

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

设置值：

$('#input').val('new value');

使用 .data() 方法

.data() 方法用于获取或设置元素的 data-* 属性。

设置 data 属性：

$('#element').data('key', 'value');

示例：

$('#div').data('info', 'some data');

注意事项

• .attr() 适用于 HTML 属性（attribute），而 .prop() 适用于 DOM 属性（property）。
• 对于布尔属性（如 checked、disabled），推荐使用 .prop() 方法。
• 修改 data-* 属性时，.data() 方法不会直接修改 HTML，而是存储在 jQuery 的内部对象中。