jquery 添加类

使用 jQuery 添加类

jQuery 提供了 .addClass() 方法，用于向选中的元素添加一个或多个类。语法如下：

$(selector).addClass(className);

其中：

• selector 是 jQuery 选择器，用于选中目标元素。
• className 是要添加的类名，可以是单个类名或多个类名（用空格分隔）。

示例代码

向单个元素添加一个类：

$("#myElement").addClass("active");

向多个元素添加一个类：

$(".myElements").addClass("highlight");

向元素添加多个类：

$("#myElement").addClass("class1 class2");

动态添加类

可以根据条件动态添加类。例如，当点击按钮时添加类：

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

移除类

如果需要移除类，可以使用 .removeClass() 方法：

$("#myElement").removeClass("active");

切换类

如果需要切换类（添加或移除），可以使用 .toggleClass() 方法：

$("#myElement").toggleClass("active");

这些方法可以灵活地操作 DOM 元素的类，适用于动态样式控制和交互效果实现。