Исчезать цвет фона тега span с помощью JQuery

Question

Я пытаюсь добавить цвет фона тега span, используя JQuery, чтобы подчеркнуть, когда произошло изменение. Я думал, что код будет выглядеть примерно так, как показано в обработчике кликов, но я не могу заставить его работать. Можете ли вы показать мне, где я ошибся? Спасибо Расс.

$("span").fadeOut("slow").css("background-color").val("FFFF99");

---

Это лучше, но теперь он затеняет и цвет фона тега span, и текстовое значение тега span. Я пытаюсь просто исчезнуть цвет фона и оставить текст видимым. Можно ли это сделать?

Answer 1

Вот как я исправил это для моего списка при наведении:

CSS:

ul {background-color:#f3f3f3;}
li:hover {background-color: #e7e7e7}

JQuery:

$(document).ready(function () {
    $('li').on('touchstart', function () { $(this).css('background-color', ''); });
    $('li').on('touchend', function () { $(this).css('background-color', 'inherit'); });
});

Answer 2

Вы захотите использовать этот синтаксис:

$("span").fadeOut("slow").css("background-color", "#FFFF99");