使用jQuery改变元素的类名

在jQuery中，可以使用.addClass()、.removeClass()和.toggleClass()方法来改变元素的类名。这些方法可以通过添加、删除或切换类名来修改元素的样式。

1. 添加类名：.addClass()
   使用.addClass()方法可以向元素添加一个或多个类名。语法如下：

   $(selector).addClass(className);
   ```
   其中，`selector`是要选取的元素的选择器，可以是元素的标签名、类名、ID等；`className`是要添加的类名，可以是一个或多个类名，多个类名之间用空格分隔。
   
   示例代码：
   ````javascript
   // 给元素添加类名
   $('.my-element').addClass('new-class');
   ```
   
   

2. 删除类名：.removeClass()
   使用.removeClass()方法可以从元素中删除一个或多个类名。语法如下：

   $(selector).removeClass(className);
   ```
   其中，`selector`是要选取的元素的选择器，`className`是要删除的类名，可以是一个或多个类名，多个类名之间用空格分隔。
   
   示例代码：
   ````javascript
   // 从元素中删除类名
   $('.my-element').removeClass('ol