Wie kann ich in jQuery feststellen, ob das aktuelle Objekt ausgeblendet ist oder nicht?

Question

Bevor ich nennen:

$('myObject').show(); 

Ich möchte wissen, ob es zur Zeit oder sichtbar versteckt ist.

Answer 1

Sie können dies testen mit der CSS() Funktion:

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

EDIT:

war nicht bewusst, wie cool das: versteckt Selektor ist. Mein Vorschlag ist immer noch nützlich, um andere Attribute zu testen, aber Alex Vorschlag ist in diesem Fall schöner.

Answer 2

ist es 2 Möglichkeiten, es zu tun, die ich kenne:

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

oder

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

Sie sollten beide arbeiten.

Sie können auch etwas tun:

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

Welche nur nennen .show(), wenn der Artikel bereits ausgeblendet ist, oder rufen Sie .Hide nur(), wenn der Artikel bereits sichtbar ist.

Answer 3

könnten Sie auch die Toggle $(this).toggle();

Answer 4

Von jQuery FAQ verwenden:

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