为什么检查班级不工作？

Question

当我用.hasClass检查类名时，它无效。

function changeClass(){
var elBox = document.getElementById('box');

if(elBox.hasClass('blue')){
 elBox.className = 'red';
}
}

var trigger = document.getElementById('trigger');

trigger.onmouseover = changeClass;

但一般来说，当我检查属性时它会工作

if(elBox.hasAttribute('class') ....

我只是不明白为什么检查课程失败，也许有人可以提供帮助。

Answer 1

elBox只是一个DOM对象，用jQuery包装器包装它，以便使用.hasClass()之类的jQuery方法。

而不是

if(elBox.hasClass('blue')){

使用

if($(elBox).hasClass('blue')){

Answer 2

elBox是一个DOM元素。您应该使用jQuery对象来使用jQuery方法hasClass()。尝试以下。

$('#box').hasClass('blue')

或者

$(elBox).hasClass('blue')