jQuery是一種流行的JavaScript庫(kù)，它可以方便地操作DOM和執(zhí)行各種網(wǎng)頁(yè)特效。其中一個(gè)常見(jiàn)的功能是通過(guò)jQuery修改CSS樣式。接下來(lái)我們將介紹如何使用jQuery CSS切換。

$(document).ready(function() {
$('button').click(function() {
$('h1').toggleClass('red');
});
});

以上的代碼片段演示了一個(gè)點(diǎn)擊按鈕切換H1標(biāo)題顏色的例子。當(dāng)用戶(hù)點(diǎn)擊按鈕時(shí)，JavaScript將使用jQuery選擇H1元素并切換CSS類(lèi)“red”的狀態(tài)。如果之前未設(shè)置CSS類(lèi)名，則添加該類(lèi)，如果已經(jīng)設(shè)置，則刪除它。

h1 {
color: black;
}
.red {
color: red;
}

上述代碼段是一個(gè)示例CSS代碼。使用了兩種顏色：黑色（默認(rèn)）和紅色（當(dāng)添加“red”類(lèi)時(shí)）。當(dāng)點(diǎn)擊按鈕時(shí)，標(biāo)題將交替以這兩種顏色之一來(lái)顯示。

這是一個(gè)很簡(jiǎn)單的例子，但它能展示出jQuery CSS切換功能的魅力。通過(guò)使用jQuery，您可以輕松更改HTML元素的樣式，不需要手動(dòng)編寫(xiě)JavaScript或CSS來(lái)實(shí)現(xiàn)這一功能。