javascript - 为什么 jquery "this"属性返回 null？

Question

我正在尝试使用 jquery 构建一个简单的菜单，但它不起作用。尝试获取 this 的 ID 和类时出现 NaN 错误。有问题的元素有一个 id 和一个类。怎么回事？

   $(document).on("click", function()
    {
        if($(this).attr("class") != "userOptButtons" && $(this).attr("id") != "usernameDisplay")
            $("#userMenu").animate({"top": "-198"});
    });

Answer 1

因为 this 指的是文档对象，如果你想定位被点击的实际元素，那么使用 event.target

$(document).on("click", function (e) {
    if (!$(e.target).hasClass("userOptButtons") && e.target.id != "usernameDisplay") {
        $("#userMenu").animate({
            "top": "-198"
        });
    }
});