Question

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

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





Answer 1

你又来了，给你跪了~

不做任何优化，缺点是很明显的。

        // 找到最初有你那个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');
                }
            })