jQuery에서 숨겨진 요소의 높이를 어떻게 효율적으로 얻을 수 있습니까?

jQuery에서 숨겨진 요소의 높이를 검색하는 대체 방법

숨겨진 요소의 높이를 검색해야 하는 경우 숨겨진 상위 div인 경우 다시 숨기기 전에 높이를 수집하기 위해 상위 div를 잠시 표시해야 한다고 생각할 수도 있습니다. 그러나 이 접근 방식은 중복되어 보일 수 있습니다. 더 효율적인 솔루션이 있습니까?

jQuery 버전 1.4.2에서는 숨겨진 상위 요소의 CSS 스타일을 일시적으로 조정하는 기술을 활용할 수 있습니다.

var previousCss = $("#myDiv").attr("style");

// Temporarily adjust CSS styles to enable height measurement
$("#myDiv").css({
    position: 'absolute', // Optional if #myDiv is already absolute
    visibility: 'hidden',
    display: 'block'
});

var optionHeight = $("#myDiv").height();

// Restore original CSS styles
$("#myDiv").attr("style", previousCss ? previousCss : "");

이 방법을 사용하면 실제로 상위 div를 표시하지 않고 숨겨진 요소의 높이를 얻을 수 있습니다. 가시성 및 표시와 같은 속성을 전략적으로 설정하여 측정을 위해 요소를 일시적으로 표시한 다음 나중에 원래 CSS 스타일을 복원함으로써 이를 수행합니다. 이렇게 하면 상위 div를 표시하고 숨기기 위한 중간 단계가 필요하지 않습니다.

위 내용은 jQuery에서 숨겨진 요소의 높이를 어떻게 효율적으로 얻을 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!