Como verificar se um elemento está oculto na página com jQuery?

Olá a todos! Comecei a aprender jQuery e me deparei com um problema. Preciso verificar se um elemento está visível na página ou se está oculto. Sei que em CSS existem várias maneiras de ocultar um elemento: através de `display: none`, `visibility: hidden` ou `opacity: 0`. Mas não entendo como determinar isso corretamente em jQuery. Tenho este código: ```javascript // Estou tentando verificar se o bloco está oculto if ($('#myDiv').is(':hidden')) { console.log('Elemento oculto'); } else { console.log('Elemento visível'); } ``` Mas ele nem sempre funciona. Por exemplo, se o elemento está oculto através de `visibility: hidden`, o `:hidden` não o detecta. E se eu uso `:visible`, ele também se comporta de forma estranha. Também tentei verificar através de `$('#myDiv').css('display')`, mas não é conveniente se for necessário considerar diferentes formas de ocultação. Digam-me, como verificar corretamente e de forma universal se um elemento está oculto? Preciso que funcione para todos os casos: tanto para `display: none`, quanto para `visibility` e `opacity`. E mais uma pergunta