JQUERY 删除
JQUERY 设置CSS 

JQUERY 设置class

在 jQuery 中，你可以使用 .addClass()、.removeClass() 和 .toggleClass() 方法来动态地添加、移除和切换元素的 CSS 类。

设置 CSS 类的方法

1、.addClass(className)

  • 向匹配的元素添加一个或多个 CSS 类。

$('.element').addClass('newClass');


2、.removeClass(className)

从匹配的元素中移除一个或多个 CSS 类。

$('.element').removeClass('oldClass');


3、.toggleClass(className)

如果存在（不存在）则添加（移除）一个 CSS 类；如果存在则移除，如果不存在则添加。

$('.element').toggleClass('active');


示例

使用 .addClass() 添加 CSS 类

$('.element').addClass('highlight');

使用 .removeClass() 移除 CSS 类

$('.element').removeClass('inactive');

使用 .toggleClass() 切换 CSS 类

$('.element').toggleClass('open');


注意事项

  • 选择器：确保选择器选中了要操作的正确元素或元素集合。

  • 多个类名：.addClass()、.removeClass() 和 .toggleClass() 方法都可以接受多个空格分隔的类名，例如 .addClass('class1 class2')。

  • 链式操作：jQuery 方法通常支持链式操作，可以在一行代码中执行多个操作。


这些方法使得在响应用户交互或其他动态条件下修改元素的样式变得非常方便和灵活。