从零开始学习jQuery (四) jQuery中操作元素的属性与样式

获取第一段的高:
$(“p”).height();

height( val )
为每个匹配的元素设置CSS高度(hidth)属性的值。如果没有明确指定单位（如：em或%），使用px。
把所有段落的高设为 20:

$(“p”).height(20);

width( )
取得第一个匹配元素当前计算的宽度值（px）。
获取第一段的宽:
$(“p”).width();

width( val )

为每个匹配的元素设置CSS宽度(width)属性的值。

如果没有明确指定单位（如：em或%），使用px。

将所有段落的宽设为 20:

$(“p”).width(20);

innerHeight( )

获取第一个匹配元素内部区域高度（包括补白、不包括边框）。
此方法对可见和隐藏元素均有效。

见最后示例

innerWidth( )

获取第一个匹配元素内部区域宽度（包括补白、不包括边框）。
此方法对可见和隐藏元素均有效。

见最后示例

outerHeight( [margin] )

获取第一个匹配元素外部高度（默认包括补白和边框）。
此方法对可见和隐藏元素均有效。

见最后示例

outerWidth( [margin] )

获取第一个匹配元素外部宽度（默认包括补白和边框）。
此方法对可见和隐藏元素均有效。

见最后示例

 

关于在获取长宽的函数中, 要区别”inner”, “outer”和height/width这三种函数的区别:

outerWith可以接受一个bool值参数表示是否计算margin值.

相信此图一目了然各个函数所索取的范围. 图片以width为例说明的, height的各个函数同理. 

2.位置相关 Positioning

另外在一些设计套弹出对象的脚本中,常常需要动态获取弹出坐标并且设置元素的位置.