如果元素有类 jQuery - Javascript

当我们在使用 jQuery 时，经常会遇到需要检测一个元素是否具有特定类的情况。在Javascript中，我们可以使用 classList.contains(className) 方法来检测一个DOM元素是否含有特定类名。但是，在使用 jQuery 时，我们可以更轻松地自如地操作元素的类。

检测元素是否含有指定类

用 hasClass(className) 方法，我们可以轻松地检测一个元素是否具有指定类名。下面是一个示例代码：

if ($('element').hasClass('my-class')) {
  // 当my-class在元素的类中时，执行此代码块
}

添加类名

用 addClass(className) 方法，我们可以轻松地向一个元素添加类名。下面是一个示例代码：

$('element').addClass('my-class');

删除类名

用 removeClass(className) 方法，我们可以轻松地从一个元素中删除一个指定的类名。下面是一个示例代码：

$('element').removeClass('my-class');

切换类名

用 toggleClass(className) 方法，我们可以轻松地切换一个元素的类名。如果元素没有该类，则添加它；否则，删除它。下面是一个示例代码：

$('element').toggleClass('my-class');

以上就是操作元素的类名时我们能使用的方法。仅靠这几个方法，我们就可以轻松地检测、添加、删除和切换元素的类名。