JQuery CSS

css( name )           访问第一个匹配元素的样式属性值

css( properties )   把一个“名/值对”对象设置为所有匹配元素的样式属性。 这是一种在所有匹配的元素上设置大量样式属性的最佳方式。例如：

$("p").hover(function () {
      $(this).css({ backgroundColor:"yellow", fontWeight:"bolder" });
    }, function () {
      var cssObj = {
        backgroundColor: "#ddd",
        fontWeight: "",
        color: "rgb(0,40,244)"
      }
      $(this).css(cssObj);
    });

css( name, value )在所有匹配的元素中，设置一个样式属性的值。 如果第二个参数为数字的话自动转化为像素值

$("p").mouseover(function () {
      $(this).css("color","red");
    });

offset( ) 取得匹配的第一个元素相对于当前可视窗口的位置。返回的对象有2个属性，top和left，属性值为整数。这个函数只能用于可见元素。例如：

var p = $("p:last");

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

position( )        取得一个元素相对于父节点的top和left大小。返回的对象包含两个整数，top和left。为了准确地计算一定要使用像素单位来指定margin，border和padding。这个函数只能用于可见元素。

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

scrollTop( )获取匹配的第一个元素的滚动条距顶端的位置。这个函数能用于可见和不可见元素。

例如：

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

scrollTop( val )当指定一个值时，所有匹配元素的竖直滚动条都滚动到指定的位置。这个函数能用于可见和不可见元素。

scrollLeft( )获取匹配的第一个元素的滚动条距左侧的位置。这个函数能用于可见和不可见元素。

scrollLeft( val )当指定一个值时，所有匹配元素的水平滚动条都滚动到指定的位置。这个函数能用于可见和不可见元素。

width( )取得当前第一匹配的元素的宽度值，这个值应该是一个可以得到的像素值。

width( val )为每个匹配的元素设置指定的宽度值。如果没有明确的指定em或%单位，则使用px单位

height( )取得当前第一匹配的元素的高度值，这个值应该是一个可以得到的像素值。

height( val )为每个匹配的元素设置指定的高度值。如果没有明确的指定em或%单位，则使用px单位

innerHeight( )取得第一个匹配元素的实际内容的宽度(不包括border，但是包括padding)。 这个函数能用于可见和不可见元素。

innerWidth( )取得第一个匹配元素的实际内容的宽度(不包括border，但是包括padding)。 这个函数能用于可见和不可见元素。

outerHeight( [options] )

取得第一个匹配元素的高度(默认包括border和padding)。 这个函数能用于可见和不可见元素。 该函数有一个boolean参数，如果为true的话则将会包括margin的高度，false则不包括margin的高度

outerWidth( [options] )取得第一个匹配元素的宽度(默认包括border和padding)。 这个函数能用于可见和不可见元素。

该函数的参数意义于outerHeight方法的一样