如何使用 jQuery 来判断 div 的状态？

Question

我正在使用jQuery开发应用程序。我想知道div的状态是显示还是隐藏。 类似这样：

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

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

请帮帮我...

- user601367

Answer 1

你可以使用is()函数和 :visible 选择器。

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

- AndrewR

Answer 2

尝试

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

参考
注意：hidden不能检测出有宽度但没有高度的元素。

- diEcho

Answer 3

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

在我几乎所有的jQuery应用程序中，我都会引入一个简单的插件isVisible。

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

这个函数的速度比上面的函数（jsPerf example）快大约50倍，但功能完全相同。

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

- lonesomeday