JQuery是一款JavaScript庫(kù)，它可以輕松地在站點(diǎn)上添加特效和功能。其中一個(gè)最常用的特效是點(diǎn)擊切換CSS樣式。這是通過(guò)使用JQuery的.toggleClass()方法實(shí)現(xiàn)的。

$(document).ready(function(){
$("#myButton").click(function(){
$("p").toggleClass("red");
});
});

上面的代碼首先檢查文檔是否準(zhǔn)備好，然后當(dāng)按鈕被點(diǎn)擊時(shí)，.toggleClass()方法會(huì)在所有的

標(biāo)簽上切換"red"樣式。如果沒(méi)有樣式，JQuery會(huì)自動(dòng)為元素添加樣式；如果已經(jīng)有了樣式，JQuery會(huì)將其刪除。

代碼中，"myButton"是一個(gè)按鈕的ID，"red"是一個(gè)預(yù)定義的CSS樣式。

除了.toggleClass()方法，JQuery還提供了其他方法可以切換樣式，例如.addClass()和.removeClass()方法。這些方法可以添加和刪除CSS類，而不是切換它們。

總之，使用JQuery可以輕松地切換CSS樣式，通過(guò)添加和移除CSS類實(shí)現(xiàn)。這是一個(gè)重要的Web開(kāi)發(fā)技巧，可以使站點(diǎn)更有吸引力和易讀性。