jQuery 尺寸

  • 设置或者获取高度
1
2
3
4
5
//带参数表示设置高度
$(“img”).height(200);

//不带参数获取高度
$(“img”).height();
  • 获取网页的可视区宽高
1
2
3
4
5
//获取可视区宽度
$(window).width();

//获取可视区高度
$(window).height();

jQuery 位置

  • offset方法获取元素距离document的位置
  • position方法获取的是元素距离定位父元素的位置
1
2
3
4
5
//获取元素距离document的位置,返回值为对象：{left:100, top:100}
$(selector).offset();

//获取相对于其最近的有定位的父元素的位置。
$(selector).position();
  • scrollTop与scrollLeft 方法,设置或者获取垂直滚动条的位置
1
2
3
4
5
6
7
8
9
10
11
//获取页面被卷曲的高度
$(window).scrollTop();

//获取页面被卷曲的宽度
$(window).scrollLeft();

//设置页面被卷曲的高度
$(window).scrollTop(100);

//设置页面被卷曲的宽度
$(window).scrollLeft(100);