js 实现hasclass

实现 hasClass 方法

在 JavaScript 中，hasClass 方法用于检查一个 DOM 元素是否包含指定的 CSS 类名。以下是几种常见的实现方式：

使用 classList 属性

现代浏览器支持 classList 属性，可以方便地检查类名是否存在：

function hasClass(element, className) {
  return element.classList.contains(className);
}

兼容旧版浏览器的实现

对于不支持 classList 的旧浏览器，可以使用以下方法：

function hasClass(element, className) {
  if (element.className) {
    return element.className.split(' ').indexOf(className) > -1;
  }
  return false;
}

正则表达式实现

使用正则表达式可以更精确地匹配类名：

function hasClass(element, className) {
  return new RegExp('(\\s|^)' + className + '(\\s|$)').test(element.className);
}

jQuery 中的实现

如果项目中使用 jQuery，可以直接使用其内置方法：

$(element).hasClass(className);

注意事项

• 类名匹配是区分大小写的
• 多个类名之间需要用空格分隔
• 对于动态添加的类名，确保在检查前元素已更新

性能考虑

classList 方法通常是性能最好的选择，因为它直接调用浏览器原生实现。正则表达式方法在极端情况下可能会有性能问题，但提供了更精确的匹配。