В jQuery, как я могу узнать, скрыт ли текущий объект или нет?

Question

Прежде чем позвонить:

$('myObject').show();

Я хочу знать, скрыт ли он в данный момент или видим.

Answer 1

Есть 2 способа сделать это, о которых я знаю:

if ($('#something').is(':hidden')) { }

или

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

Они оба должны работать.

Вы также можете сделать что-то вроде этого:

$('#something:hidden').show();
$('#something:visible').hide();

, которая будет вызывать .show (), только если элемент уже скрыт, или вызывать .hide (), если элемент уже видим.

Answer 2

Вы также можете использовать Toggle $(this).toggle();

Answer 3

Вы можете проверить это с помощью функции css ():

if ($('myObject').css('display') == 'none') {
  $('myObject').show();
}

EDIT:

Не знал, насколько крут: скрытый селектор. Мое предложение все еще полезно для тестирования других атрибутов, но предложение Алекса в этом случае более хорошее.

Answer 4

С JQuery FAQ :

 var isVisible = $('myObject').is(':visible');
 var isHidden = $('myObject').is(':hidden');