jquery 操作元素尺寸位置

width() 方法设置或获取返回元素的宽度(不包括内边距、边框或外边距)

$("div").width(); 
$("div").width(20);

height() 方法设置或获取返回元素的高度(不包括内边距、边框或外边距)

$("div").height(); 
$("div").height(20);

innerWidth() 方法获取返回元素的宽度(包括内边距)

$("div").innerWidth();

innerHeight() 方法获取返回元素的高度(包括内边距)

$("div").innerHeight();

outerWidth() 方法获取返回元素的宽度(包括内边距和边框)

$("div").outerWidth();

outerHeight() 方法获取返回元素的高度(包括内边距和边框)

$("div").outerHeight();

---

offset()方法获取或设置元素的当前坐标，坐标相对于整个文档

var $div = $("div");
var offset = $div.offset();
console.log(offset);
$("div").offset({ top: 10, left: 30 });

position()方法获取或设置元素的当前坐标，坐标相对于父级元素

var $div = $("div");
var position = $div.position();
console.log(position);
$("div").position({ top: 10, left: 30 });

scrollTop()方法获取或设置元素的当前垂直滚动条的位置

console.log($("div").scrollTop()); 
$("div").scrollTop(600);

scrollLeft()方法获取或设置元素的当前水平滚动条的位置

console.log($("div").scrollLeft()); 
$("div").scrollLeft(100);