jQuery-改變CSS樣式

語法結構

$('選擇器').css('屬性','值');

• $()函式的功能是將HTML元素轉換為jQuery特殊元素，經此方法轉換後的HTML元素稱為「jQuery物件」

• css()中所定義的指令是「jQuery方法」，意即「jQuery其js中定義了的css()這個函式」

• 選擇器：與CSS相同的選擇器

• 屬性：CSS的屬性
• 值：若為字串，需用單引號或雙引號（""、'')括號起來;若值為數值，則不需要。

補充：jQuery可以修改元素的CSS屬性中的值，但若有使用!important的項目仍會優先套用。

語法執行概念

1. 先利用$()函式，將作為指令對象的HTML元素，轉換為jQuery物件
2. 針對jQuery物件呼叫方法，以進行相關操作

   簡易範例

   

$(function(){
    $('#typo').css('color','#556A5B');
    $('#typo').css('transform','rotate(10deg)')
    $('#typo .inner').css('opacity',0.5)
})