jquery 動態增加css樣式

在web開發中，CSS樣式是網頁設計的重要組成部分之一。透過CSS樣式，我們可以為網頁元素添加樣式，定義佈局和排版等。

在實際的開發過程中，我們經常需要動態增加CSS樣式，以實現特定的效果。在這種情況下，jQuery提供了豐富的API，使得我們可以輕鬆實現動態增加CSS樣式的功能。接下來，本篇文章將簡單介紹如何使用jQuery動態增加CSS樣式。

1. 使用css()方法設定CSS樣式

jQuery提供了一個名為css()的方法，可以用來設定和取得元素的CSS樣式。下面的範例程式碼展示如何使用css()方法動態設定CSS樣式：

$(selector).css(property,value);

其中，selector 可以是任何有效的jQuery選擇器，property 表示要設定的CSS屬性名稱，value 表示CSS屬性的值。例如，如果要將元素的字體顏色設為紅色，可以使用以下程式碼：

$("#elementId").css("color","red");

上述程式碼中，使用了$("#elementId")選擇器選取了ID為"elementId"的元素，並使用.css()方法動態設定了其字體顏色為紅色。

2. 使用attr()方法設定CSS樣式

除了css()方法，jQuery也提供了一個attr()方法，可以用來設定元素的屬性，其中也包括CSS樣式屬性。透過該方法，我們可以輕鬆地設定元素的內聯樣式。

以下程式碼展示如何使用attr()方法設定元素的CSS樣式：

$(selector).attr("style","property:value");

其中，selector 同樣是任何有效的jQuery選擇器，"property:value"表示要設定的CSS樣式屬性和值。例如，如果要將元素的邊框顏色設為藍色，可以使用以下程式碼：

$("#elementId").attr("style","border-color: blue;");

3. #動態新增CSS樣式表

除了上述兩種方法，jQuery還提供了一種動態新增CSS樣式表的方法，該方法可以在HTML文件中新增一個新的