jQuery 元素 高宽-定位 操作

高度和宽度操作

高度操作height() ：

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

/带参数表示设置高度

$(selector).height(200);

//不带参数获取高度

$(selector).height();

宽度操作width() ：

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

//带参数表示设置宽度

//不带参数获取宽度

$(selector).width(200);

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

元素坐标值操作

offset()

作用：获取或设置元素相对于文档的位置
注意点：设置offset后，如果元素没有定位(默认值：static)，则被修改为relative

// 无参数表示获取，返回值为：{left:num, top:num}，值是相对于document的位置

$(selector).offset();

// 有参数表示设置，参数推荐使用数值类型

$(selector).offset({left:100, top: 150});

position()

作用：获取相对于其最近的具有定位的父元素的位置。
注意：只能获取，不能设置。

// 获取，返回值为对象：{left:num, top:num}

$(selector).position();

scrollTop()

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

垂直滚动条位置 是可滚动区域 在 可视区域上方的 被隐藏区域的高度。
如果滚动条在最上方没有滚动 或者 当前元素没有出现滚动条，那么这个距离为0

// 无参数表示获取偏移

// 有参数表示设置偏移，参数为数值类型

$(selector).scrollTop(100);

scrollLeft()

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

$(selector).scrollLeft(100);