Question

jQuery鼠标移出如何恢复到默认的class上面

现在有五个li，给其中一个添加默认的class，要实现的是当鼠标移动到哪个li，红色背景到哪个li，当鼠标离开的时候，恢复到最初默认有class的里身上，后面鼠标离开的时候如何写





Answer 1

$(function(){
        // 找到最初有你那个Class元素
        var $def = $('li[class="active"]'), index = $def.index();
        $('li').hover(
            function (e) {
                $(e.target).addClass('active').siblings().removeClass('active');
            }, function (e) {
                var $target = $(e.target);
                // 删除当前，然后找到当初的那个
                if ($target.index() !== index) {
                    $target.removeClass('active');
                    $def.addClass('active');
                }
            });
    });

Answer 2

如果你不需要后期用到这个class，有必要用jQuery吗？

css：

li:active
{
    background-color:red;
}

追问

需要用到，不用css，你知道怎么恢复到最初的吗

追答

$(':select').hover(
    function (e) { // 鼠标移动到元素
        // 添加你的Class
    },
    function (e) { // 鼠标离开元素
        // 移除你的Class
    });

追问

你这个不对吧，我的问题是鼠标离开的时候，红色背景回到最初有class的上面，也就是第二个，

追答

那你可以这样~~
颜色变化用一个类：li_active_red
选中的用一个类：li_selected
两个都是红色，但是选中只是click 才去操作就好了。

Answer 3

一样的写法，只不过把最后括号里面的样式交换一下

追问

代码怎么来写，可以写出来看下吗