Obtendo altura de elementos ocultos em jQuery

Ao lidar com elementos ocultos, recuperar sua altura pode ser um desafio. A abordagem convencional de exibir temporariamente o elemento para medir sua altura e depois ocultá-lo novamente parece ineficiente. Existe uma solução mais ideal?

Abordagem jQuery 1.4.2

Aqui está um exemplo usando jQuery 1.4.2:

$select.show();
optionHeight = $firstOption.height(); // Obtain height after displaying the element
$select.hide();

Este método tem a desvantagem de alterar a visibilidade do elemento, o que pode causar efeitos colaterais indesejados.

Hackear o estilo do elemento

Uma abordagem alternativa é manipular o estilo do elemento para torná-lo invisível enquanto calcula sua altura:

var previousCss = $("#myDiv").attr("style"); // Store the original style

// Set visibility to 'hidden' and display to 'block'
$("#myDiv").css({
    position: 'absolute', // Optional if the element is already absolute
    visibility: 'hidden',
    display: 'block'
});

optionHeight = $("#myDiv").height(); // Measure height with modified visibility

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