Wie überprüft man mit jQuery, ob ein Element auf der Seite versteckt ist?

Hallo zusammen! Ich habe gerade angefangen, jQuery zu lernen, und bin auf ein Problem gestoßen. Ich muss überprüfen, ob ein Element auf der Seite sichtbar oder versteckt ist. Ich weiß, dass es in CSS mehrere Möglichkeiten gibt, ein Element zu verstecken: über `display: none`, `visibility: hidden` oder `opacity: 0`. Aber ich verstehe nicht, wie man das in jQuery richtig ermittelt. Ich habe diesen Code: ```javascript // Ich versuche zu überprüfen, ob der Block versteckt ist if ($('#myDiv').is(':hidden')) { console.log('Element ist versteckt'); } else { console.log('Element ist sichtbar'); } ``` Aber er funktioniert nicht immer. Zum Beispiel, wenn das Element über `visibility: hidden` versteckt ist, erkennt `:hidden` es nicht. Und wenn ich `:visible` verwende, verhält es sich auch seltsam. Ich habe auch versucht, über `$('#myDiv').css('display')` zu prüfen, aber das ist umständlich, wenn man verschiedene Versteck-Methoden berücksichtigen muss. Könnt ihr mir sagen, wie man richtig und universell überprüft, ob ein Element versteckt ist? Ich brauche, dass es für alle Fälle funktioniert: sowohl für `display: none`, als auch für `visibility` und `opacity`. Und noch eine Frage