JQuery之其他操作
2021-01-29 15:16
YPE html>
标签：pos set doctype col 修改 absolute 宽度 关系 计算
一、jQuery 设置宽度和高度
高度操作：
```javascript
$(selector).height(); //不带参数表示获取高度
$(selector).height(200); //带参数表示设置高度
```
宽度操作：
```javascript
$(selector).width(); //不带参数表示获取宽度
$(selector).width(200); //带参数表示设置高宽度
```
jQuery的css()获取高度，和jQuery的height获取高度，二者的区别？
```javascript
$("div").css(); //返回的是string类型，例如：30px
$("div").height(); //返回得失number类型，例如：30。常用于数学计算。
```
如上方代码所示，`$("div").height();`返回的是number类型，常用于数学计算。
二、jQuery 的坐标操作
1、offset()方法
```javascript
$(selector).offset();
$(selector).offset({left:100, top: 150});
```
作用：获取或设置元素相对于 document 文档的位置。参数解释：
- 无参数：表示获取。返回值为：{left:num, top:num}。返回值是相对于document的位置。
- 有参数：表示设置。参数建议使用 number 数值类型。
注意：设置offset后，如果元素没有定位(默认值：static)，则被修改为relative。
2、position()方法
```javascript
$(selector).position();
```
作用：获取相对于其最近的**带有定位**的父元素的位置。返回值为对象：`{left:num, top:num}`。
注意：只能获取，不能设置。
3、scrollTop()方法
```javascript
scrollTop();
$(selector).scrollTop(100);
```
作用：获取或者设置元素被卷去的头部的距离。参数解释：
- 无参数：表示获取偏移。
- 有参数：表示设置偏移，参数为数值类型。
4、scrollLeft()方法
```javascript
scrollLeft();
$(selector).scrollLeft(100);
```
作用：获取或者设置元素水平方向滚动的位置。参数解释：
- 无参数：表示获取偏移。
- 有参数：表示设置偏移，参数为数值类型。
代码示范：
```html
```
JQuery之其他操作
标签：pos set doctype col 修改 absolute 宽度 关系 计算
原文地址：https://www.cnblogs.com/dangjf/p/13201984.html