Cómo verificar si un elemento está oculto en la página con jQuery

¡Hola a todos! Acabo de empezar a aprender jQuery y me encontré con un problema. Necesito verificar si un elemento es visible en la página o está oculto. Sé que en CSS hay varias formas de ocultar un elemento: mediante `display: none`, `visibility: hidden` o `opacity: 0`. Pero no entiendo cómo determinarlo correctamente en jQuery. Tengo este código: ```javascript // Intento verificar si el bloque está oculto if ($('#myDiv').is(':hidden')) { console.log('El elemento está oculto'); } else { console.log('El elemento es visible'); } ``` Pero no funciona siempre. Por ejemplo, si el elemento está oculto mediante `visibility: hidden`, `:hidden` no lo detecta. Y si uso `:visible`, también se comporta de manera extraña. También probé verificando con `$('#myDiv').css('display')`, pero no es conveniente si necesito considerar diferentes formas de ocultamiento. Indíquenme cómo verificar de manera correcta y universal si un elemento está oculto. Necesito que funcione para todos los casos: tanto para `display: none`, como para `visibility` y `opacity`. Y también tengo una pregunta adicional.