JQuery是一款常用的JavaScript庫，可以輕松地操作文檔對象模型(DOM)。因?yàn)镃SS是網(wǎng)頁樣式的基礎(chǔ)，所以JQuery也提供了CSS操作函數(shù)。其中就包括操作CSS變量的函數(shù)。

$(selector).css(property, value)

通過這個函數(shù)，我們可以輕松地改變CSS變量的值。其中，selector參數(shù)指定要操作的元素，property參數(shù)指定要改變的屬性，value則指定變量的新值。

$("#box").css("--main-bg-color", "red");

這條語句使id為“box”的元素的主背景色變成了紅色。這里的--main-bg-color是CSS變量的名稱，它只是一個普通的字符串，指定了要改變哪個變量。

需要注意的是，這種方法只適用于較新版本的瀏覽器，比如Chrome、Firefox、Safari等，如果要兼容Internet Explorer等老舊瀏覽器，需要使用其他的解決方法，比如使用CSS預(yù)處理器。

總之，JQuery提供了很方便的CSS操作函數(shù)，可以輕松地操作CSS變量，優(yōu)化頁面的樣式效果。