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