jQuery是一種在前端開發中廣泛使用的JavaScript庫，它使得JavaScript變得更加簡單，易于使用。其中一個非常強大的功能就是可以輕松地覆蓋HTML元素的class屬性值。下面我們來了解一些相關的知識。

$(selector).addClass(classname)    //為被選元素添加一個或多個Class
$(selector).removeClass(classname)    //從被選元素中刪除一個或多個class
$(selector).toggleClass(classname)    //如果存在（不存在）就刪除（添加）一個或多個 class

通過調用這些API方法，我們可以向HTML元素添加或刪除一個或多個CSS class，從而修改HTML元素的樣式。對于class name的命名，一些常用的規范包括“中劃線命名法”（例如“btn-primary”）和“駝峰命名法”（例如“btnPrimary”）。

// 示例代碼
$(document).ready(function(){
// 添加class
$("button").click(function(){
$("h1").addClass("big");
});
// 刪除class
$("button").click(function(){
$("h1").removeClass("big");
});
// 切換class
$("button").click(function(){
$("h1").toggleClass("big");
});
});

最后，需要注意的是，當HTML元素具有多個class時，我們可以使用空格隔開它們。例如：

// HTML代碼片段
<div class="myclass1 myclass2"></div>
// jQuery代碼
$(selector).addClass("myclass3 myclass4");

在這種情況下，"myclass3"和"myclass4"將與"myclass1"和"myclass2"共同應用于HTML元素中。