使用 jQuery 检查 div 是否隐藏

Question

这是我的 div

<div id="car2" style="display:none;"></div>

然后我有一个显示按钮，当您点击时会显示 div：

$("show").click(function() {
    $("$car2").show();
}); 

所以现在我想检查 div #car2 在表单提交之前是否仍然隐藏：

if($('#car2').is(':hidden')) {
    alert('car 2 is hidden');
}

现在这是问题。尽管 div #car2 已经显示，但我仍然收到警报消息，这意味着 jQuery 假定 div #car2 仍然隐藏。

我的 jQuery 版本是 1.7。

谢谢。

编辑：

正如贾斯珀所说，我的代码是正确的，可以通过这个演示< /a>.

我怀疑与 jQuery 表单向导有一些冲突我在表单中使用的插件。有人有办法解决这个问题吗？

Answer 1

您可以检查 CSS display 属性：

if ($('#car').css('display') == 'none') {
    alert('Car 2 is hidden');
}

这是一个演示：http://jsfiddle.net/YjP4K/

Answer 2

尝试：

if(!$('#car2').is(':visible'))
{  
    alert('car 2 is hidden');       
}

Answer 3

尝试

if($('#car2').is(':hidden'))
{  
    alert('car 2 is hidden');       
}

Answer 4

尝试检查 :visible 属性。

if($('#car2').not(':visible'))
{
    alert('car 2 is hidden');       
}

Answer 5

您是否注意到您的拼写错误，$car2 而不是 #car2 ？

无论如何，:hidden 似乎按预期工作，请在此处尝试一下。

Answer 6

你可以使用，

if (!$("#car-2").is(':visible'))
{
      alert('car 2 is hidden');
}