jQuery零基础学习笔记（七）CSS

1.css()

$("p").css("color");
$("p").css("color",green);
$("p").css({color:"green",background:"red"});
$("p").css({width:function(){},height:function(){}});

css方法，可以取得属性值，获得单个、多个属性值。

2.offset()和offset(coordinates)

前者获取匹配元素在当前窗口的相对偏移，返回值为top和left。

var offset = $("p:first").offset();
alert("便宜量为left:"+offset.left);

后者设置匹配元素相对于document对象的坐标。

$("p:first").offset({top:10,left:50});

设置后如果原来对象的position样式属性是static，会变成relative来实现重新定位。

3.position()

获取匹配元素相对父元素的偏移。返回两个整形属性top和left，用法和 offset()基本相同。
此方法只对可见元素有效。

4.scrollTop()和scrollTop(val)

前者为获取匹配元素相对滚动条顶部的偏移，后者为设置相对滚动条顶部的偏移。

$("p").scrollTop(200);

5.scrollLeft()和scrollLeft(val)

前者为获取匹配元素相对滚动条左侧的偏移，后者为设置相对滚动条左侧的偏移。

6.height()和height(val)

前者为获取匹配元素的高度值，后者为设置匹配元素的高度值。

7.width()和width(val)

前者为获取匹配元素的宽度值，后者为设置匹配元素的宽度值。

8.innerHeight()和innerWidth()

前者为获取匹配元素内部区域高度（包括补白，不包括边框）。
后者为获取匹配元素内部区域宽度（包括补白，不包括边框）。

9.outerHeight(options)和outerWidth(options)

前者为获取匹配元素外部高度（包括补白和边框）。
后者为获取匹配元素外部宽度（包括补白和边框）。
当options为true时，计算边距在内。默认值为false。