jQueryで非表示要素の高さを取得するにはどうすればよいですか?

jQuery で非表示要素の高さを取得する

非表示要素を操作する場合、その寸法を取得するのが難しい場合があります。多くの開発者は、要素を一時的に表示し、その高さを測定し、その後再び非表示にするという手段に頼っています。ただし、より効果的なアプローチがあります。

jQuery は、このタスクに便利なソリューションを提供します。非表示の親 div 内の非表示要素の高さを取得する方法は次のとおりです。

<code class="javascript">var previousCss = $("#myDiv").attr("style");

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

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

$("#myDiv").attr("style", previousCss ? previousCss : "");</code>

このアプローチには、要素の位置を「絶対」に設定し (すでに絶対である場合はオプション)、要素を非表示にし、一時的に非表示を解除します。その後、高さを測定し、以前のスタイル属性を復元できます。この方法を使用すると、ページのレイアウトを中断したり、不要なちらつきを引き起こしたりすることなく、非表示の要素を操作できます。

以上がjQueryで非表示要素の高さを取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。