mouseover и пример jCuery addClass

Question

вот дай мне любой, кто знает jQuery:

У меня есть навигация <ul class="nav"> Я хочу измениться. Я в основном ищу эффект a:hover, только что исчез (я использую спрайты и перехожу из одной области спрайтов в другую).

Код в моем заголовке выглядит следующим образом:

$(document).ready(function(){
  $(".nav li").mouseover(function(){
    addClass('hovered');
  });
});

В моем понимании jQuery, это говорит: «Как только документ готов, прослушайте событие наведения мыши на всех .nav li элементах. Когда вы услышите это, добавьте к нему класс« зависший ». Так что я хочу произошло, но сейчас ничего не происходит.

Со временем я добавлю анимацию и mouseOut, но я бы хотел, чтобы эта часть работала так, как я хочу. Спасибо!

Answer 1

Вы ищете наведение (http://api.jquery.com/hover/),, и вам нужно нацелиться на LI с помощью $(this):

$(document).ready(function(){
  $(".nav li").hover(function(){
    $(this).addClass('hovered');
  }, function(){
    $(this).removeClass('hovered');
 });
});

Answer 2

Вы должны дать .addClass элемент для работы.

$(this).addClass('hovered');

Answer 3

Просто подсказка: когда вы в конечном итоге делаете что-то для мышки, вы можете улучшить читаемость с помощью

$(".nav li").hover(function() {
  // over
}, function() {
  // and out
});

... или как I хотел бы сделать это, используйте плагин jQuery hoverIntent .