JQuery：检查用户是否隐藏了元素

Question

如何检查特定元素是否对用户隐藏？在我的代码中，在某些条件下，将调用此代码：

$("#VersionSelectField").hide('fast');

所以我必须确保如果$("#VersionSelectField")被隐藏，那么当我提交表单时我不必验证其中的值（我为此目的使用JQuery Validate library）。

有什么想法吗？

Answer 1

$("#VersionSelectField").is(':hidden');

Answer 2

这对我有用：

$("#VersionSelectField").css("display") == "none";

Answer 3

尝试$("#versionselectfield[display='none']").length > 0。

Answer 4

您可以使用hide（）方法的回调。 例如：

$("#VersionSelectField").hide('fast', function() {
    GlobalVersionSelectFieldHidden = true;
});

上面只有一种方法可以使用它，基本上回调只会在动画结束时触发（即完全隐藏）。当然污染全局变量范围非常顽皮，但只是一个简单的例子。

或者，检查显示是否像Mark建议的“无”也有效，因为JQ效果将完全隐藏使用该特定css属性的东西。