本文實例講述了jQuery的css()方法用法。分享給大家供大家參考。具體分析如下：
此方法傳回或設定符合元素的一個或多個樣式屬性。
語法結構:
語法一:
取得指定樣式屬性的屬性值。
以樣式屬性名稱作為參數。例如:
$("div").css("color")
$("div").css("color")
以上程式碼能夠取得div的字體顏色值。
程式碼如下:
css()函數-腳本家
腳本之家
此處點選按鈕可以彈出給div設定的字體顏色值。
語法二:
為所有符合元素設定一個樣式屬性值。
例如:
複製程式碼
程式碼如下:
$("div").css("color","red")
以上程式碼可以把所有div的字體顏色設定為紅色，大家要注意書寫格式，屬性名稱和屬性值要用銀行包裹，中間用逗號分割。如果屬性值是數字的話可以去掉引號，例如:
複製程式碼
程式碼如下:
$("div").css("font-size",20)
程式碼如下:
css()函數-腳本家
仔細查看變更
仔細查看變更
以上程式碼中，點擊按鈕可以將div中的文字顏色設定為紅色。
語法三:
利用「屬性名稱/值」物件設定為所有符合元素的樣式屬性。
例如:
複製程式碼
程式碼如下:$("div").css({color:"red"})
以上程式碼可以把所有div元素的字體顏色設定為紅色。使用「屬性名稱/值」物件方式也可以一次為匹配元素設定多組屬性。例如:
$("div").css({color:"red",fontSize:"red",fontSize: 20})
以上程式碼能夠將div中的字體顏色和大小分別設定為紅色和20px，設定字體大小時候不帶單位預設單位是px。大家要注意格式，這個時候屬性名稱不能用引號包裹，屬性值需要用引號包裹，但是如果屬性值是數字可以省略引號。特別注意是，font-size和background-color這樣的屬性名稱，中間要去掉中橫槓（-），同時第二個單字首字母要大寫，例如font-size要寫成fontSize，backgroun-color要寫成backgroundColor 。
css()函數-腳本家
仔細查看變更
仔細查看變更
以上程式碼中，點擊按鈕可以修改div中的文字顏色和字體大小。
希望本文所述對大家的jQuery程式設計有所幫助。
