如何知道jquery中div的状态？

Question

我使用jquery在一个应用程序中开发。我想知道div的状态div是显示状态还是隐藏状态 像这样的东西：

if($("#test").show()==true) 
{
//some operration
}
else
{
//some operration
}

alert($("#test").show()==true);始终显示false。

请帮帮我......

Answer 1

您可以使用is（）和：visible选择器。

if( $('#test').is(':visible') ) { ... }

Answer 2

试

$(element).is(":visible") 

Reference
注意：hidden fails on elements that have width but no height.

Answer 3

is(':visible')当然是正确的。

在我的几乎所有jQuery应用程序中，我都介绍了一个简单的插件isVisible。

$.fn.isVisible = function() {
    return $.expr.filters.visible(this[0]);
};

对于完全相同的功能，这比上述功能（jsPerf example）快约50倍。

if ($('#yourElement').isVisible()) {