JQuery - 如果DIV ID是可见的

Question

我试图找出DIV是隐藏的还是暴露的.

这是伪代码:

if(DIV != VISIBLE) // not visible
{
  show content
}

任何JQuery专家能够帮助我吗？

谢谢,罗伯特

Answer 1

如果您只想显示隐藏的div,那么您实际上根本不需要进行任何检查:

$('#myDiv').show();

无论事先的状态如何,它现在都会显现出来.

但是,如果要根据内容是否可见来执行其他操作,则需要检查:

if ($('#myDiv').is(":hidden")) 
// or
if ($('#myDiv:hidden').length) 
// or
if ($('#myDiv:not(:visible)')) {    // you get the idea...
    //perform your actions
}

Answer 2

所有其他答案都很好,但这只是将您的伪代码转换为实际的JavaScript代码:

if (!$('div').is(':visible')) {
  $('div').show();
}

Answer 3

myDiv如果隐藏的话，下面将显示一个名为的 DIV 。请注意，如果您想做其他事情，您也可以使用each()，而不是在each内的$(this)上显示和执行其他操作。

$('div#myDiv:hidden').show();