Wie prüfe ich, ob ein Element in jQuery ausgeblendet ist?

Question

Ist es möglich, die Sichtbarkeit eines Elements umzuschalten, indem man die Funktionen .hide() , .show() ou .toggle() ?

Wie würden Sie testen, ob ein Element visible ou hidden ?

Answer 1

Ich würde die CSS-Klasse .hide { display: none!important; } .

Zum Verstecken/Zeigen rufe ich auf .addClass("hide")/.removeClass("hide") . Um die Sichtbarkeit zu überprüfen, verwende ich .hasClass("hide") .

Es ist eine einfache und klare Möglichkeit, Elemente zu prüfen/auszublenden/anzuzeigen, wenn Sie nicht vorhaben, die .toggle() ou .animate() Methoden.

Answer 2

Demo-Link

$('#clickme').click(function() {
  $('#book').toggle('slow', function() {
    // Animation complete.
    alert($('#book').is(":visible")); //<--- TRUE if Visible False if Hidden
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="clickme">
  Click here
</div>
<img id="book" src="https://upload.wikimedia.org/wikipedia/commons/8/87/Google_Chrome_icon_%282011%29.png" alt="" width="300"/>

Quelle (aus meinem Blog):

Blogger Plug n Play - jQuery Tools und Widgets: Wie man mit jQuery sieht, ob ein Element versteckt oder sichtbar ist

Answer 3

ebdiv sollte eingestellt werden auf style="display:none;" . Sie funktioniert sowohl beim Ein- als auch beim Ausblenden:

$(document).ready(function(){
    $("#eb").click(function(){
        $("#ebdiv").toggle();
    });    
});

Answer 4

Man kann einfach die hidden ou visible Attribut, wie:

$('element:hidden')
$('element:visible')

Oder Sie können das Gleiche vereinfachen mit ist wie folgt.

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

Answer 5

Eine weitere Antwort, die Sie in Betracht ziehen sollten, ist, dass Sie, wenn Sie ein Element ausblenden, die Option jQuery aber anstatt es tatsächlich zu verstecken, entfernen Sie das ganze Element, kopieren aber seine HTML Inhalt und das Tag selbst in eine jQuery-Variable, und dann müssen Sie nur noch testen, ob ein solches Tag auf dem Bildschirm vorhanden ist, indem Sie die normale if (!$('#thetagname').length) .