jquery 尺寸位置(height/width/offset/scrollTop/scrollLeft)

尺寸位置

1.高度和宽度操作

高度操作height()

作用：设置或获取匹配元素的高度值

//带参数表示设置高度
$(selector).height(200);
//不带参数获取高度
$(selector).height();

宽度操作width()

作用：设置或获取匹配元素的宽度值

//带参数表示设置宽度
//不带参数获取宽度
$(selector).width(200);

 

css()获取高度和height获取高度的区别？

$("div").css("height");//string类型
$("div").height();//number类型 便于参与运算

2.坐标值操作

offset()

作用：获取或设置元素相对于文档左上角的位置

//无参数表示获取，返回值为：{left:num, top:num}，值是相对于document的位置
$(selector).offset();
//有参数表示设置，参数推荐使用数值类型
$(selector).offset({left:100, top: 150});

注：设置offset后，如果元素没有定位(默认值：static)，则被修改为relative

 

scrollTop()

作用：获取或者设置元素垂直方向滚动的位置

// 无参数表示获取偏移
$(selector).scrollTop();
// 有参数表示设置偏移，参数为数值类型
$(selector).scrollTop(100);

 

scrollLeft()

作用：获取或者设置元素水平方向滚动的位置

$(selector).scrollLeft(100);