jQuery css()函式使用程式碼例項

使用css()函式可以非常輕鬆的改變元素的樣式，並且程式碼簡潔。

所以這是一個利器，如果經常使用，那麼對於它的掌握那是毫無問題的，因為本身就比較簡單，下面展示幾段css()函式運用的程式碼例項，因為很多朋友只是想參考一下它的使用方式而已，本身並沒有什麼難理解的地方。

一.獲取樣式屬性值:

[JavaScript] 純文字檢視 複製程式碼
$("#antzone").css("color");

上面的程式碼可以獲取id屬性值為antzone的元素的字型顏色值。

二.設定元素的樣式屬性值:

設定樣式屬性值的方式比較靈活，可以一次性設定一個樣式屬性值，也可以設定多個。

一次設定一個樣式屬性值:

[JavaScript] 純文字檢視 複製程式碼
$("#antzone").css("color","red");

一次設定多個樣式屬性值:

[JavaScript] 純文字檢視 複製程式碼
$("#antzone").css({
  background:'#EEE',
  width:'478px',
  padding:'5px 10px',
  border:'1px solid #ccc'
});