jQuery元素操作和尺寸位置

$(document).ready(function() {
    // 获取元素的宽度和高度
    var width = $('#myElement').outerWidth();
    var height = $('#myElement').outerHeight();
 
    // 设置元素的宽度和高度
    $('#myElement').outerWidth(200);
    $('#myElement').outerHeight(100);
 
    // 获取元素相对于视口的位置
    var position = $('#myElement').offset();
    var top = position.top;
    var left = position.left;
 
    // 获取元素相对于父元素的位置
    var parentPosition = $('#myElement').position();
    var parentTop = parentPosition.top;
    var parentLeft = parentPosition.left;
});

这段代码演示了如何使用jQuery来获取和设置元素的宽度、高度，以及相对于视口和父元素的位置。outerWidth()和outerHeight()可以用来获取包括padding在内的宽度和高度，而offset()和position()分别用于获取元素相对于文档或其父元素的位置。