在前端開發中，我們常常需要使用 JavaScript 操作 DOM 元素，其中一個常用的庫就是 jQuery。在 jQuery 中，有一個常用的方法就是使用addClass()和removeClass()方法來增加或刪除元素的類名。

// 選中元素并給元素添加類名
$("selector").addClass("class-name");
// 選中元素并刪除元素的某個類名
$("selector").removeClass("class-name");
// 選中元素并給元素同時添加多個類名，多個類名以空格間隔
$("selector").addClass("class-name-1 class-name-2");

通過使用這兩個方法，我們可以很方便地控制元素的樣式。比如，我們可以根據用戶的操作來動態地增加或刪除元素的類名，從而改變元素的顯示效果。

// 當點擊按鈕時，添加類名 active
$("#button").click(function() {
$("#box").addClass("active");
});
// 當鼠標移出元素時，刪除類名 active
$("#box").mouseleave(function() {
$(this).removeClass("active");
});

使用 jQuery 的類名操作方法，我們可以寫出優雅而簡潔的代碼，提高開發效率。