jQuery的屬性與樣式之樣式操作.css()

標籤：尺寸   元素   匹配   內聯   直接   定義   擷取   處理   集合   

.css() 方法：擷取元素樣式屬性的計算值或者設定元素的CSS屬性

擷取：

1. .css( propertyName ) ：擷取匹配元素集合中的第一個元素的樣式屬性的計算值
2. .css( propertyNames )：傳遞一組數組，返回一個對象結果

設定：

1.  .css(propertyName, value )：設定CSS
2. .css( propertyName, function )：可以傳入一個回呼函數，返回取到對應的值進行處理
3. .css( properties )：可以傳一個對象，同時設定多個樣式

注意事項：

1. 瀏覽器屬性擷取方式不同，在擷取某些值的時候都jQuery採用統一的處理，比如顏色採用RBG，尺寸採用px
2. .css()方法支援駝峰寫法與大小寫混搭的寫法，內部做了容錯的處理
3. 當一個數只被作為值（value）的時候， jQuery會將其轉換為一個字串，並添在字串的結尾處添加px，例如 .css("width",50}) 與 .css("width","50px"})一樣
4. .addClass()方法是通過增加class名的方式，那麼這個樣式是在外部檔案或者內部樣式中先定義好的，等到需要的時候在附加到元素上通過
5. .css()方法處理的是內聯樣式，直接通過元素的style屬性附加到元素上的（通過.css方法設定的樣式屬性優先順序要高於.addClass方法）

 

jQuery的屬性與樣式之樣式操作.css()