使用jQuery在元素上添加多个属性

如果您正在使用jQuery，并且想要向多个元素添加属性，则可以使用以下方法。

使用.addClass()方法为元素添加属性

使用addClass()方法可以将多个类/属性添加到元素中。只需在方法中输入类名和属性即可。

$(element).addClass("class1 class2 class3").attr({
    attribute1: value1,
    attribute2: value2,
    attribute3: value3
});

使用.attr()方法添加多个属性

您还可以使用attr()方法将多个属性添加到元素中。只需将属性和值作为方法中的参数传递即可。

$(element).attr({
    attribute1: value1,
    attribute2: value2,
    attribute3: value3
});

示例

以下示例将向<button>元素中添加.btn和.btn-primary类，以及type和data-toggle属性。

$(document).ready(function() {
    $("button").addClass("btn btn-primary").attr({
        type: "button",
        "data-toggle": "modal"
    });
});

在上面的示例中，$("button")选择器选择了所有的<button>元素，并将.btn和.btn-primary类添加到它们中。然后，使用attr()方法将type和data-toggle属性添加到每个<button>元素中。

这就是使用jQuery将多个属性添加到元素中的方法。