抱歉，您的浏览器无法访问本站

jQuery 设置宽度和高度

宽度操作：

1
2

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

宽度操作：

1
2

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

问题：jQuery的css()获取高度，和jQuery的height获取高度，二者的区别？

答案：

1
2
3

$("div").css();     //返回的是string类型，例如：30px

$("div").height();  //返回得失number类型，例如：30。常用于数学计算。

如上方代码所示，$("div").height();返回的是number类型，常用于数学计算。

jQuery 的坐标操作

offset()方法

1
2

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

作用：获取或设置元素相对于 document 文档的位置。参数解释：

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

• 有参数：表示设置。参数建议使用 number 数值类型。

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

position()方法

1

$(selector).position();

作用：获取相对于其最近的带有定位的父元素的位置。返回值为对象：{left:num, top:num}。

注意：只能获取，不能设置。

scrollTop()方法

1
2

scrollTop();
$(selector).scrollTop(100);

作用：获取或者设置元素被卷去的头部的距离。参数解释：

• 无参数：表示获取偏移。

• 有参数：表示设置偏移，参数为数值类型。

scrollLeft()方法

1
2

scrollLeft();
$(selector).scrollLeft(100);

作用：获取或者设置元素水平方向滚动的位置。参数解释：

• 无参数：表示获取偏移。

• 有参数：表示设置偏移，参数为数值类型。

代码示范：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36