jquery 属性

jQuery 属性操作

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

attr() 方法

用于获取或设置元素的属性值。
获取属性值：

var href = $('a').attr('href');

设置属性值：

$('a').attr('href', 'https://example.com');

设置多个属性：

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

removeAttr() 方法

用于移除元素的属性：

$('img').removeAttr('alt');

prop() 方法

用于获取或设置元素的属性（通常用于布尔属性，如 checked、disabled）。
获取属性值：

var isChecked = $('#checkbox').prop('checked');

设置属性值：

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

val() 方法

用于获取或设置表单元素的值：

var inputValue = $('input').val();
$('input').val('New Value');

data() 方法

用于获取或设置元素的 data-* 属性：

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

属性与属性的区别

• attr() 操作的是 HTML 标签上的原始属性。
• prop() 操作的是 DOM 元素的属性（如 checked、disabled 等布尔值属性）。