jQuery中的css部分

一：css

1：css(name)访问第一个匹配元素的样式属性。$("p").css("color");

2：css(properties)把一个“名/值对”对象设置为所有匹配元素的样式属性。$("p").css({ color: "#ff0011", background: "blue" });

3：css(name, value)在所有匹配的元素中，设置一个样式属性的值。$("p").css("color","red");

二：位置

1：offset()获取匹配元素在当前视口的相对偏移　

var p = $("p:last");
var offset = p.offset();
p.html( "left: " + offset.left + ", top: " + offset.top );

2:offset(coordinates)设置匹配元素相对于document对象的坐标。$("p:last").offset({ top: 10, left: 30 });

3：position()获取匹配元素相对父元素的偏移。

var p = $("p:first");
var position = p.position();
$("p:last").html( "left: " + position.left + ", top: " + position.top );

4：scrollTop()获取匹配元素相对滚动条顶部的偏移。

var p = $("p:first");
$("p:last").text( "scrollTop:" + p.scrollTop() );

5：scrollTop(val)传递参数值时，设置垂直滚动条顶部偏移为该值。

$("div.demo").scrollTop(300);
6：scrollLeft()获取匹配元素相对滚动条左侧的偏移

var p = $("p:first");
$("p:last").text( "scrollLeft:" + p.scrollLeft() );
7：scrollLeft(val)传递参数值时，设置水平滚动条左侧偏移为该值。$("div.demo").scrollLeft(300);

三：尺寸

1：height()取得第一个匹配元素当前计算的高度值（px）。

---获取当前浏览器窗口的高度：$(window).height();     获取当前HTML文档高度$(document).height();

2：width()取得第一个匹配元素当前计算的宽度值（px）。

---获取当前浏览器窗口的宽度$(window).width();      获取当前HTML文档宽度$(document).width();

3：innerHeight()获取第一个匹配元素内部区域高度（包括补白、不包括边框）。

var p = $("p:first");
$("p:last").text( "innerHeight:" + p.innerHeight() );
4：innerWidth()获取第一个匹配元素内部区域宽度（包括补白、不包括边框）。

var p = $("p:first");
$("p:last").text( "innerWidth:" + p.innerWidth() );
5：outerHeight(options)获取第一个匹配元素外部高度（默认包括补白和边框）。当设置为 true 时，计算边距在内。
6：outerWidth(options)获取第一个匹配元素外部宽度（默认包括补白和边框）。当设置为 true 时，计算边距在内。