Как выбрать текущий селектор (jQuery)?

Question

[sacred1]

Как собственно сделать так чтоб при событие "hover" метод "css" применялся только к текущему селектору.(п.с - например при наведение на блок li "главная",менялся background элемента и color ссылки,только у этого блока "главная")

jsfiddle.net/krhkw53e/2

Answer 1

[YemSalat]

Зачем там jQuery? Почему не сделать просто на css?

li:hover {
  background: black;
}

li:hover a {
  color: white;
}

Comments

[sacred1]

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

[YemSalat]

sacred1: jsfiddle.net/h6s2prjz/2

Учите jQuery тогда.

[sacred1]

YemSalat: вот как раз и разбираюсь щас,знал что как то с $this связанно будет)Спасибо!

Answer 2

[Андрей Костин]

Если нужно менять стили элемента именно через JS, то можно использовать слово this, которое в обработчике события указывает на элемент, к которому этот обработчик подключен.
Например:

$('nav ul li').on('mouseenter', function(){
  $(this).toggleClass('hovered');
})

jsfiddle.net/krhkw53e/4