jquery - 有人能为我解释一下这段代码吗？

Question

您好，我使用此代码来获取填充上有动画的链接列表。我希望当我单击它时保留该填充，而不是动画回到其原始位置。我不明白的是两件事。 “if (!$(this)”这部分代码以及当我在任何链接上都没有当前类时它如何找到任何内容？非常感谢!

$(function() {
    $('#secondary_content_what_we_do li a').hover(function() {
        if (!$(this).hasClass("current")) {
            $(this).stop().animate({
                "paddingLeft": "10px"
            }, 400).addClass('column_hover');
        }
    }, function() {
        if (!$(this).hasClass("current")) {
            $(this).stop().animate({
                "paddingLeft": "0px"
            }, 'slow').removeClass('column_hover');
        }
    });

    $('#secondary_content_what_we_do a').click(function() {
        $('a').removeClass('column_active').removeClass("current");
        $(this).addClass('column_active').addClass("current");
        $('#secondary_content_what_we_do li a').trigger('mouseleave');
        var url = $(this).attr('href');
        $('#loading_content').hide().load(url).fadeIn(1000);
        return false;
    });
})

更新由于某种原因我无法发表评论。我现在明白了，但我的 css 中没有当前的类，所以我不知道该行有什么帮助。

Answer 1

此声明:

if (!$(this).hasClass("current"))

正在做几件事。它将 this 变量(在本例中指的是悬停在其上的元素)包装在 jQuery 对象中(使用 $(...))，然后调用其上的 hasClass(...) 方法，然后记下 (!) 结果。该语句的内容为“如果悬停在其上的元素没有“当前”类，则执行 block 内的代码”

至于你问题的第二部分，我认为你指的是这一行:

$('a').removeClass('column_active').removeClass("current");

如果所选的 anchor 没有current类，那么它是如何工作的。如果所选的 a 元素没有 current 类，则该语句将无效(如果这不是您所要求的，请告诉我)。