JQuery學習6

1. 讀取或設置CSS

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

css(name, value)：在所有匹配的元素中，设置一个样式属性的值

css(properties)：把一个“名/值对”对象设置为所有匹配元素的样式属性

css(name, function(index, value))：在所有匹配的元素中，设置一个样式属性的值. function: index为元素在对象集合中的索引位置，value是原先的属性值

$("div").click(function() {
    $(this).css({
      width: function(index, value) {
        return parseFloat(value) * 1.2;
      }, 
      height: function(index, value) {
        return parseFloat(value) * 1.2;
      }

    });
  });

2. 元素位置
offset()：访问第一个匹配元素 在当前窗口的相对偏移，此方法只对可见元素有效

offset(coordinates)： 設置所有匹配元素的相对位置，这个元素的位置是相对于document对象的。如果对象原先的position样式属性是static的话，会被改成relative来实现重定位；coordinates：一个对象，必须包含top和left属性，作为元素的新坐标 或者 是一个返回一对坐标的函数，函数的第一个参数是元素的索引，第二个参数是当前的坐标

position()：访问第一个匹配元素相对父元素的偏移，返回的对象包含两个整型属性：top 和 left。为精确计算结果，请在补白、边框和填充属性上使用像素单位。此方法只对可见元素有效

scrollLeft()，scrollTop()：获取第一个匹配元素相对滚动条左侧/顶部的偏移，此方法对可见和隐藏元素均有效。

scrollLeft(val)，scrollTop(val)：設置所有匹配元素相对滚动条左侧/顶部的偏移，此方法对可见和隐藏元素均有效。

3. 元素的寬度和高度

height()/width()：取得第一个匹配元素当前计算的高度值（px）,原始height, 不含padding,border,margin

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

val：设定CSS中 'height' 的值，可以是字符串或者数字，还可以是一个函数，返回要设置的数值。函数接受两个参数，第一个参数是元素在原先集合中的索引位置，第二个参数为原先的高度

innerHeight()/innerWidth()：获取第一个匹配元素内部区域高度（包括padding、不包括border）。

outerHeight(options)/outerWidth(options)：获取第一个匹配元素外部区域高度（包括padding、包括border， 默認不含margin。如果options為true， 則包含margin）。

有關padding border margin的區別， 請參考：http://www.cnblogs.com/dmwang/archive/2013/04/26/3044521.html