При наведении #leaderboard добавьте класс в #left-arrow и #right-arrow

Извините за такой простой вопрос, но мне нужно знать, как добавить класс в два элемента div, #стрелка влево и #стрелка вправо, когда я наводил курсор на #таблицу лидеров.

Я понимаю, что могу использовать вызов hover(), но не знаю, как его реализовать, чтобы добавить класс к другому элементу.

Я определенно новичок в Javascript, поэтому чем подробнее о том, как его реализовать, тем лучше! Спасибо!

-Джадсон


person Judson Collier    schedule 01.07.2010    source источник


Ответы (1)


Вы можете использовать .toggleClass(), например:

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

Это добавляет класс, когда вы наводите курсор мыши, удаляет его, когда мышь уходит. Если вы хотите просто добавить класс, тогда .addClass() будет работать и вы можете удалить его вручную с помощью .removeCass() позже.

Для этой части:

Я понимаю, что могу использовать вызов hover(), но не знаю, как его реализовать, чтобы добавить класс к другому элементу.

Просто используйте селектор, как я сделал выше, вы не ограничены использованием this внутри любой функции, вы можете использовать селектор или функции обхода передвигаться там, где это уместно.

person Nick Craver    schedule 01.07.2010
comment
Спасибо! Благодарю вас за то, что вы разобрали это для меня, особенно часть $ (эта). Я работаю в Photoshop, поэтому разработка для меня — другой мир. - person Judson Collier; 07.07.2010