jQuery: height ()/width () и «display: none"

В этом сценарии элемент с идентификатором "Target" имеет свое свойство отображения на «None» через CSS. Однако при проверке его высоты с использованием $ ("#target"). Height () получается ненулевое значение.

это поведение связано с внутренней обработкой jQuery скрытых элементов при доступе к их измерениям. Если элемент имеет смещеннуютичную, радующую 0 (считается «скрытым» от jQuery), библиотека пытается определить ее высоту.

для достижения этого, JQuery временно применяет следующие свойства к элементу:

• затем извлекает высоту с помощью getWidthorHeight (...), который добавляет границу/прокладки по мере необходимости, и восстанавливает исходные свойства.
Этот механизм позволяет. Height ()/. Width () функционировать даже на скрытых элементах, при условии, что их родительские элементы видны. Следовательно, вы можете вызвать .height ()/. Width () без вручную выполняя последовательность шоу/скрыть, как это обрабатывается внутри эти методы.