jQuery回调警报两次

Question

下面的代码两次警报，请解释-

$(document).ready(function() {
    $("button").click(function() {
        $(".test").hide(300, function() {
            alert("hideen");
        });
    });
});

Answer 1

$(".test")返回带有“ test”类的元素数组。

您可能有两个这样的元素，因此回调执行了两次。

要验证这一点，请尝试：

console.log($(".test").length);

如果输出为“ 2”，则您得到了答案。

Answer 2

这就是.hide()工作方式。 从文档中 ：

如果对多个元素进行了动画处理，则需要注意的是，对每个匹配的元素执行一次回调，而不是对整个动画执行一次回调。