jquery获取实际高度

// 获取元素的实际高度（不包括边框和外边距）
var heightWithoutMargins = $('#elementId').height();

// 获取元素的实际高度（包括边框）
var heightWithBorders = $('#elementId').outerHeight();

// 获取元素的实际高度（包括边框和外边距）
var heightWithMargins = $('#elementId').outerHeight(true);

console.log('Height without margins:', heightWithoutMargins);
console.log('Height with borders:', heightWithBorders);
console.log('Height with margins:', heightWithMargins);

$(document).ready(function() {
    // 确保 DOM 已经加载完成
    var height = $('#elementId').height();
    console.log('Element height:', height);
});

// 如果元素内容是异步加载的
$('#loadContentButton').click(function() {
    $.get('content.html', function(data) {
        $('#elementId').html(data);
        var heightAfterLoad = $('#elementId').height();
        console.log('Height after content load:', heightAfterLoad);
    });
});