在前端開發中，CSS樣式表對于網頁的美化和布局起著至關重要的作用。而CSS()方法則是jQuery提供的一種非常方便的樣式切換方法。接下來我們就來詳細介紹一下CSS()方法的使用。

首先我們需要明確一點，CSS()方法是選擇器匹配到的第一個元素應用樣式，而不是所有匹配到的元素。因此，我們需要使用合適的選擇器來選擇需要應用樣式的元素。

//例1：為id為demo的元素設置背景色為紅色
$("#demo").css("background-color", "red");

在上述例子中，我們使用了$("#demo")這樣的選擇器來選中需要設置樣式的元素，并使用.css()方法來設置了元素的背景色為紅色。

//例2：為class為box的所有元素設置寬度為200px
$(".box").css("width","200px");

在這個例子中，我們使用了一個類選擇器來匹配所有具有.box類的元素，并將它們的寬度設置為200px。

CSS()方法除了可以接受單個CSS屬性，還可以接受一個對象，該對象包含了一組鍵值對，用于設置一組樣式。

//例3：為id為demo的元素同時設置背景色、字體顏色、字體大小
$("#demo").css({
"background-color": "blue",
"color": "white",
"font-size": "24px"
});

在這個例子中，我們使用了一個對象同時設置了背景色、字體顏色和字體大小。

除此之外，我們還可以使用.css()方法來切換元素的CSS類。

//例4：為id為demo的元素切換class為active
$("#demo").toggleClass("active");

使用toggleClass()方法實現了為id為demo的元素切換class為active的效果。

綜上所述，CSS()方法是一個非常實用的jQuery方法，在前端開發中使用非常普遍。通過理解和掌握CSS()方法的使用，我們能夠更輕松地實現網頁的樣式切換和布局調整。