jQuery的css()方法用法實例_jquery

本文實例講述了jQuery的css()方法用法。分享給大家供大家參考。具體分析如下：

此方法傳回或設定符合元素的一個或多個樣式屬性。

語法結構:

語法一:
取得指定樣式屬性的屬性值。
以樣式屬性名稱作為參數。例如:

複製程式碼 程式碼如下:

$("div").css("color")

$("div").css("color")

以上程式碼能夠取得div的字體顏色值。

程式碼實例: 複製程式碼

程式碼如下:













 

腳本之家

  點選查看效果

此處點選按鈕可以彈出給div設定的字體顏色值。

語法二:

為所有符合元素設定一個樣式屬性值。 例如: 複製程式碼

程式碼如下:

$("div").css("color","re​​d")

以上程式碼可以把所有div的字體顏色設定為紅色，大家要注意書寫格式，屬性名稱和屬性值要用銀行包裹，中間用逗號分割。如果屬性值是數字的話可以去掉引號，例如: 複製程式碼

程式碼如下:

$("div").css("font-size",20)

實例碼: 複製程式碼

程式碼如下:













 

仔細查看變更

 

仔細查看變更

  點選查看效果

以上程式碼中，點擊按鈕可以將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 。

複製程式碼 程式碼如下:

 

仔細查看變更

 

仔細查看變更

  點選查看效果

以上程式碼中，點擊按鈕可以修改div中的文字顏色和字體大小。

希望本文所述對大家的jQuery程式設計有所幫助。