用jQuery获取元素样式属性值练习

1. 获取元素的宽度和高度：

var width = $('#element').width();
var height = $('#element').height();

2. 获取元素的背景色：

var bgColor = $('#element').css('background-color');

3. 获取元素的字体大小：

var fontSize = $('#element').css('font-size');

4. 获取元素的边框宽度：

var borderWidth = $('#element').css('border-width');

5. 获取元素的内边距：

var padding = $('#element').css('padding');

6. 获取元素的外边距：

var margin = $('#element').css('margin');

7. 获取元素的位置：

var offset = $('#element').offset();
var top = offset.top;
var left = offset.left;

8. 获取元素的滚动位置：

var scrollTop = $('#element').scrollTop();
var scrollLeft = $('#element').scrollLeft();