jQuery是一款流行的JavaScript庫，它可以快速地為網頁添加各種交互效果。其中，切換樣式是jQuery最常用的功能之一。

切換樣式首先需要選中一個或多個HTML元素，然后為其添加或刪除一個CSS類。jQuery提供了一系列方法來實現這個過程。

//選中一個元素并為其添加CSS類
$("#element-id").addClass("class-name");
//選中多個元素并為其添加CSS類
$(".element-class").addClass("class-name");
//為選中元素刪除CSS類
$("#element-id").removeClass("class-name");
//為選中的元素添加/刪除CSS類
$("#element-id").toggleClass("class-name");

在使用jQuery切換樣式時，我們需要注意以下一些問題。

首先，當選中元素是一個列表時，addClass()和removeClass()方法會為列表中所有元素添加/刪除CSS類。若想僅修改選定的元素，可以使用eq()方法。

//為列表中第二個元素添加CSS類
$("ul li").eq(1).addClass("class-name");

其次，toggleClass()方法可以在原有的CSS類基礎上添加/刪除CSS類。如果要替換CSS類，應該先刪除原有的CSS類，再添加新的CSS類。

//替換元素的CSS類
$("#element-id").removeClass("old-class").addClass("new-class");

最后，修改元素的樣式不光可以用CSS類來實現，也可以直接設置元素的style屬性。在jQuery中，我們可以使用css()方法來修改元素的style屬性。

//直接設置元素的style屬性
$("#element-id").css("background-color", "red");

以上就是jQuery切換樣式的相關內容。通過這些方法，我們能夠靈活地控制元素的樣式，為用戶帶來更好的視覺體驗。