Jquery：在div上懸停時添加一個類，並在不懸停時移除

Question

我想在該div的懸停上向類中追加一個類，並在懸停時移除該類。當我將鼠標懸停在另一個div上時，當它不在懸停時，這個類應該被追加並刪除。有人說，我該怎麼辦呢jQuery中......

Answer 1

您可以嘗試toggleClass

$(function(){ 
    $('#id').hover(function(){ 
     $('#id2').toggleClass('classname'); 
    }); 
}); 

或者試試這個，因爲hover是no longer supported in jquery 1.9

$(function(){ 
    $('#id').on('mouseenter mouseleave', function(){ 
     $('#id2').toggleClass('classname'); 
    }); 
}); 

Answer 2

您將在jQuery的使用addClass和removeClass功能

請參閱下面的代碼：

$(document).ready(function() {  
    $('#secID, #thID').hover(function(){  
     $('#oneID').addClass('red');  
    },  
    function(){  
     $('#oneID').removeClass('red');  
    }); 
}); 

可以參考以下鏈接：

AddClass：http://api.jquery.com/addClass/

個

RemoveClass：http://api.jquery.com/removeClass/

希望它有用。