Element.matches ()

而不是jQuery中的$(element).hasClass('example')，你可以在纯JavaScript中使用element.matches('.example'):

if (element.matches('.example')) {
  // Element has example class ...
}

查看浏览器兼容性

好吧，上面所有的答案都很好，但这里有一个简单的小函数。它运行得很好。

function hasClass(el, cn){
    var classes = el.classList;
    for(var j = 0; j < classes.length; j++){
        if(classes[j] == cn){
            return true;
        }
    }
}

只需使用classList.contains():

if (document.body.classList.contains('thatClass')) {
    // do some stuff
}

classList的其他用途:

document.body.classList.add('thisClass');
// $('body').addClass('thisClass');

document.body.classList.remove('thatClass');
// $('body').removeClass('thatClass');

document.body.classList.toggle('anotherClass');
// $('body').toggleClass('anotherClass');

浏览器支持:

Chrome 8.0 Firefox 3.6 IE 10 Opera 11.50 Safari 5.1

浏览器支持

我使用一个简单/最小的解决方案，一行，跨浏览器，并与传统浏览器一起工作:

/\bmyClass/.test(document.body.className) // notice the \b command for whole word 'myClass'

这个方法很好，因为不需要填充，如果你把它们用于classList，它在性能方面要好得多。至少对我来说是这样。

更新:我做了一个小的填充，这是一个全方位的解决方案，我现在使用:

function hasClass(element,testClass){
  if ('classList' in element) { return element.classList.contains(testClass);
} else { return new Regexp(testClass).exec(element.className); } // this is better

//} else { return el.className.indexOf(testClass) != -1; } // this is faster but requires indexOf() polyfill
  return false;
}

有关其他类操作，请参阅此处的完整文件。

/ / 1。使用if来查看这些类: if (document.querySelector(".section-name").classList.contains("section-filter")) { 警报(“网格部分”); / /代码… ｝ < !——2。在.html:——>中添加一个类 <div class="section-name section-filter">

您可以检查元素是否。className匹配/\bthatClass\b/。 \b匹配一个换行符。

或者，你可以使用jQuery自己的实现:

var className = " " + selector + " ";
if ( (" " + element.className + " ").replace(/[\n\t]/g, " ").indexOf(" thatClass ") > -1 ) 

要回答你更普遍的问题，你可以在github上查看jQuery的源代码，或者在这个源代码查看器中查看hasClass的源代码。