jquery 属性值

jQuery 获取和设置属性值的方法

使用 attr() 方法可以获取或设置 HTML 元素的属性值。该方法适用于标准属性（如 id、class、href 等）和自定义属性。

获取属性值的语法：

$(selector).attr(attributeName);

设置属性值的语法：

$(selector).attr(attributeName, value);

批量设置多个属性值：

$(selector).attr({
  attribute1: value1,
  attribute2: value2
});

jQuery 移除属性值的方法

使用 removeAttr() 方法可以移除 HTML 元素的指定属性。

语法：

$(selector).removeAttr(attributeName);

jQuery 操作布尔属性值的方法

对于 checked、disabled、selected 等布尔属性，推荐使用 prop() 方法而非 attr() 方法。

获取布尔属性值的语法：

$(selector).prop(propertyName);

设置布尔属性值的语法：

$(selector).prop(propertyName, value);

jQuery 操作 data-* 属性值的方法

对于 HTML5 的 data-* 属性，可以使用 data() 方法进行存取操作。

获取 data 属性值的语法：

$(selector).data(key);

设置 data 属性值的语法：

$(selector).data(key, value);

jQuery 操作 value 属性的方法

对于表单元素的 value 属性，推荐使用 val() 方法而非 attr() 方法。

获取 value 值的语法：

$(selector).val();

设置 value 值的语法：

$(selector).val(value);

jQuery 操作 class 属性的方法

对于 class 属性，jQuery 提供了专门的方法：

添加 class：

$(selector).addClass(className);

移除 class：

$(selector).removeClass(className);

切换 class：

$(selector).toggleClass(className);

检查 class：

$(selector).hasClass(className);

jQuery 操作 style 属性的方法

对于内联样式，可以使用 css() 方法：

获取样式值：

$(selector).css(propertyName);

设置样式值：

$(selector).css(propertyName, value);

批量设置样式：

$(selector).css({
  property1: value1,
  property2: value2
});