jQuery中的class多個功能，是指通過.addClass()或.removeClass()方法在DOM元素中添加或刪除一個或多個類名。

首先，讓我們來看一下.addClass()方法。該方法可以將一個或多個類名添加到DOM元素中。以下代碼將在具有“demo”類名的元素上，添加“red”和“bold”兩個類名：

$('.demo').addClass('red bold');

同樣地，使用.removeClass()方法可以刪除一個或多個類名。以下代碼將在具有“demo”類名的元素上，刪除“red”和“bold”兩個類名：

$('.demo').removeClass('red bold');

另一種常見的情況是，需要根據當前元素的狀態來添加或刪除類名。以以下代碼為例：

$('button').click(function(){
$('div').toggleClass('active');
});

上述代碼將在按鈕被點擊時，切換具有“div”類名的元素中的“active”類名。

另外，還有一個常見的需求是，在一個元素上添加多個類名時，需要進行條件判斷。以下代碼將在具有“demo”類名的元素上，添加顏色類名，具體顏色根據用戶輸入的顏色值而定：

var color = prompt("請輸入顏色值");
$('.demo').addClass(function(){
if(color === "red"){
return "color-red";
}else if(color === "blue"){
return "color-blue";
}else{
return "color-default";
}
});

總的來說，通過使用addClass()和removeClass()方法，可以方便地操作DOM元素中的類名，實現樣式的切換和動態添加，給我們帶來很多便利。