jQuery css()方法用法介紹

antzone發表於2017-03-07

利用css()方法可以設定匹配元素的樣式屬性,本身它沒有什麼難點,主要就是一個記憶和熟練問題,很多初學者可能只是在語法格式有所遺忘,下面就通過簡短的程式碼例項介紹一下如何使用此方法。

語法結構一:

[JavaScript] 純文字檢視 複製程式碼
css("propertyname","value");

引數註釋:

1.propertyname:css屬性名稱,例如color,background-color。

2.value:css樣式屬性值。

特別說明:

像類似background-color這樣的屬性不能夠用駝峰寫法backgroundColor,這種寫法是在原生javascript中使用,例如style.backgroundColor="#ccc"。

例項程式碼:

[JavaScript] 純文字檢視 複製程式碼
$("div").css("background-color","#ccc");

以上程式碼可以將div的背景顏色設定為"#ccc"。

語法結構二:

[JavaScript] 純文字檢視 複製程式碼
css({"propertyname":"value","propertyname":"value",...});

以上程式碼可以一次性為匹配元素設定多個樣式屬性。

例項程式碼:

[JavaScript] 純文字檢視 複製程式碼
$("div").css({"background-color":"#ccc","color":"red"});

以上程式碼可以設定div的背景顏色和字型顏色。

相關文章