Comment vérifier si un élément est caché sur la page avec jQuery ?

Bonjour à tous ! Je viens de commencer à apprendre jQuery et j'ai rencontré un problème. Je dois vérifier si un élément est visible sur la page ou s'il est caché. Je sais qu'en CSS, il existe plusieurs façons de cacher un élément : via `display: none`, `visibility: hidden` ou `opacity: 0`. Mais je ne comprends pas comment le déterminer correctement en jQuery. J'ai ce code : ```javascript // J'essaie de vérifier si le bloc est caché if ($('#myDiv').is(':hidden')) { console.log('L\'élément est caché'); } else { console.log('L\'élément est visible'); } ``` Mais cela ne fonctionne pas toujours. Par exemple, si l'élément est caché via `visibility: hidden`, alors `:hidden` ne le détecte pas. Et si j'utilise `:visible`, il se comporte aussi étrangement. J'ai aussi essayé de vérifier via `$('#myDiv').css('display')`, mais ce n'est pas pratique si je dois prendre en compte différentes méthodes de masquage. Pouvez-vous me dire comment vérifier correctement et universellement si un élément est caché ? J'ai besoin que cela fonctionne pour tous les cas : pour `display: none`, pour `visibility`, et pour `opacity`. Et encore une question