jQuery之宽高

在jQuery中，可以使用.width()和.height()方法来获取元素的宽度和高度。如果需要设置元素的宽度和高度，可以将新的尺寸值作为参数传递给这些方法。

获取宽度和高度:

$(document).ready(function(){
    var width = $('#element').width();
    var height = $('#element').height();
    console.log('宽度: ' + width + ', 高度: ' + height);
});

设置宽度和高度:

$(document).ready(function(){
    $('#element').width(200); // 设置宽度为200px
    $('#element').height(100); // 设置高度为100px
});

如果需要获取包括内边距（padding）的宽度和高度，可以使用.innerWidth()和.innerHeight()方法。相应地，.outerWidth()和.outerHeight()方法会返回元素的总宽度和高度，包括边框（border）。要包括外边距（margin），可以传递true作为参数给.outerWidth()和.outerHeight()方法。

$(document).ready(function(){
    var innerWidth = $('#element').innerWidth();
    var innerHeight = $('#element').innerHeight();
    var outerWidth = $('#element').outerWidth();
    var outerHeight = $('#element').outerHeight();
    var outerWidthWithMargin = $('#element').outerWidth(true);
    var outerHeightWithMargin = $('#element').outerHeight(true);
});

请注意，.width()、.height()、.innerWidth()、.innerHeight()、.outerWidth()和.outerHeight()方法返回的值可能不同，取决于元素的CSS盒模型设置（content-box、border-box等）。