jquery添加class

jQuery 添加 class 的方法

使用 jQuery 为元素添加 class 可以通过 addClass() 方法实现。该方法接受一个或多个 class 名称作为参数，并将其添加到匹配的元素中。

语法示例：

$("selector").addClass("className");

多个 class 添加：

$("selector").addClass("class1 class2");

动态切换 class

如果需要根据条件动态添加或移除 class，可以结合 toggleClass() 方法。该方法会在元素上切换指定的 class（如果存在则移除，不存在则添加）。

语法示例：

$("selector").toggleClass("className");

链式操作

jQuery 支持链式调用，可以在添加 class 后继续执行其他操作。

示例：

$("selector").addClass("highlight").css("color", "red");

注意事项

• 确保在 DOM 加载完成后执行 jQuery 代码，通常将代码放在 $(document).ready() 中。
• class 名称应遵循 CSS 命名规范，避免使用特殊字符或空格。

完整示例：

$(document).ready(function() {
    $("#myButton").click(function() {
        $("#myElement").addClass("active");
    });
});