Jquery addClass和移除類上的懸停

Question

好吧，我想添加一個類cfse_a到一個元素#searchput當鼠標懸停在元素上，然後當鼠標沒有懸停在元素上，然後刪除類cfse_a。

Answer 1

使用hover事件與addClass和removeClass方法：

$("#searchput").hover(function() { 
    $(this).addClass("cfse_a"); 
}, function() { 
    $(this).removeClass("cfse_a"); 
}); 

DEMO：http://jsfiddle.net/G23EA/

Answer 2

$('#searchput').hover(function() { 
    $(this).addClass('cfse_a'); // add class when mouseover happen 
}, function() { 
    $(this).removeClass('cfse_a'); // remove class when mouseout happen 
}); 

您還可以使用：

$('#searchput').hover(function() { 
    $(this).toggleClass('cfse_a'); 
}); 

看toggleClass()

DEMO

Answer 3

希望這有助於。

$('#searchput').mouseover(function() { 
    $(this).addClass('cfse_a'); 
}).mouseout(function(){ 
    $(this).removeClass('cfse_a'); 
}); 

Answer 4

$("#searchput").hover(function() { 
    $(this).addClass("cfse_a"); 
    }, function() { 
    $(this).removeClass("cfse_a"); 
    }); 

使用it.hope它幫助！