在懸停#leaderboard上，向＃左箭頭和＃右箭頭添加一個類

Question

對不起，對於這樣一個基本問題，但我需要知道如何將一個類添加到兩個div，＃left-arrow和＃right-箭頭當我hoverover #leaderboard。

我知道我可以使用call hover（），但我不確定如何實現它以在另一個元素上添加一個類。

我絕對是JavaScript的開始，所以更具體的如何實現它更好！謝謝！

-Judson

Answer 1

您可以使用.toggleClass()，像這樣：

$("#leaderboard").hover(function() { 
    $("left-arrow, #right-arrow").toggleClass("myClass"); 
}); 

這增加了類，當你徘徊，刪除它的鼠標離開的時候。如果你想只需添加類，那麼.addClass()將工作，你可以手動刪除它與.removeCass()以後。

對於此部分：

我明白我可以用呼叫懸停（），但我不能確定如何實現它來添加其他元素的類。

只需使用一個選擇像我上面，你不僅限於使用this內任何功能，您可以使用a selector或traverse functions酌情左右移動。

Answer 2

$('#leaderboard').hover(function() { 
    // This first function is the hoverIn handler, when the user hovers over #leaderboard 
    $('#left-arrow, #right-arrow').addClass('yourClassName'); 
}, function() { 
    // This second function is the hoverOut, when the user stops hovering over #leaderboard 
    $('#left-arrow, #right-arrow').removeClass('yourClassName'); 
});