jQuery: height ()/width () y "visualizar: ninguno"

en este escenario, el elemento con el "objetivo" ID tiene su propiedad de visualización establecida en "Ninguno" a través de CSS. Sin embargo, al verificar su altura usando $ ("#objetivo"). Height (), se obtiene un valor distinto de cero.

este comportamiento proviene del manejo interno de JQuery de elementos ocultos al acceder a sus dimensiones. Si un elemento tiene un OffsetWidth de 0 (considerado "Oculto" por jQuery), la biblioteca intenta determinar su altura.

para lograr esto, jQuery se aplica temporalmente las siguientes propiedades en el elemento:

• posición: "absoluto"
[&] visibilidad: "hidden" [&] [&] "Bloquear"
• luego recupera la altura usandogetWidThorHeight (...), que agrega borde/relleno según sea necesario, y restaura las propiedades originales.

esencialmente, jQuery se muestra discretamente el elemento خارج حدود AD. Esto ocurre antes de que el hilo de la interfaz de usuario pueda actualizarse, por lo que el usuario no se da cuenta del proceso.

Este mecanismo habilita .Height ()/. Width () para funcionar incluso en elementos ocultos, siempre que sus elementos principales sean visibles. Por lo tanto, puede invocar .Height ()/. Width () sin realizar manualmente la secuencia de espectáculos/ocultar, como se maneja internamente por estos métodos.