jQuery-處理css樣式

1、css方法
獲取匹配元素集合中的第一個元素的樣式屬性的值 或 設置每個匹配元素的一個或多個CSS屬性
1）獲取並設置單個css值
jQuery對象.css('css屬性');
jQuery對象.css('css屬性','值');
2）獲取多個css屬性
jQuery對象.css(css屬性數組);
3）一次設置多個css樣式屬性
jQuery對象.css(css屬性與值的對象);
4）以相對值設置樣式屬性
jQuery對象.css('css屬性','+=10');//數字值之前加上+=或者-=
這種方式僅適用於數值單位表示的css屬性
5）給第二個參數傳入函數來設置樣式屬性
函數接受兩個參數
第一個參數表示當前元素的序號
第二個參數表示當前元素當前屬性的值
函數內部this代表當前的html元素對象
返回設置的樣式
$('#div1').css('background',function(i,currentValue){
return 設置的屬性值;
});
2、針對具體屬性的css便捷方法
除了css方法之外，jQuery還定義了許多方法，用來獲取或設置常用css屬性及其相關信息！
1）width方法
參數說明：
1>無參數
得到jQuery對象中第一個元素的寬度
2>數值或者字符串
設置jQuery對象中所有元素的寬度
3>傳入函數
使用函數來設置jQuery對象中所有元素的寬度
兩個參數：第一個表示當前元素序號，第二個參數表示當前元素的當前寬度
函數內部this代表當前的html元素對象
返回要設置的值
2）height方法
使用方法同上
作用，獲取元素的高度
設置元素的高度
3）scrollTop方法
參數說明：
1>無參數
得到jQuery對象中第一個元素垂直滾動條的位置
2>數值
設置jQuery對象中所有元素的垂直滾動條的位置
4）scrollLeft方法
使用方法同上
作用，獲取/設置 頁面或者具體元素水平方向滾動條的位置
5）outerWidth方法
得到jQuery對象中第一個元素的寬度，包括內邊距和邊界
參數說明：
false：默認，表示不包括外邊距
true：表示包括外邊距
傳入長度字符串或者數值來設置outerWidth
傳入函數進行設置
函數接收元素的索引位置的設置和舊的outerWidth作為參數
this代表當前元素的對象
6）outerHeight方法
使用方法同上
得到jQuery對象中第一個元素的高度，包括內邊距和邊界
參數同上
7）innerWidth方法
得到jQuery對象中第一個元素的內部寬度，包括內邊距，但不包括邊界和外邊距
參數說明：
傳入長度字符串或者數值來設置innerWidth
傳入函數進行設置
函數接收元素的索引位置的設置和舊的innerWidth作為參數
this代表當前元素的對象
8）innerHeight方法
使用方法同上
得到jQuery對象中第一個元素的內部高度，包括內邊距，但不包括邊界和外邊