为什么检查班级不工作?

时间:2016-06-04 08:57:32

标签: javascript jquery

当我用.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') ....

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

2 个答案:

答案 0 :(得分:1)

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

而不是

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

使用

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

答案 1 :(得分:0)

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

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

或者

$(elBox).hasClass('blue')