jQuery是一個流行的JavaScript庫，它為web開發人員提供了一種簡單方便的方式，可以操作HTML文檔，處理事件和動畫，以及進行AJAX交互。在jQuery中，class是經常用到的一個屬性，它允許開發人員通過添加或刪除class名稱的方式，改變元素的樣式。下面我們將通過代碼演示來學習如何使用jQuery改變元素的class屬性。

// 選中HTML文檔中所有class為button的元素
$('.button').click(function() {
// 將元素class為active的樣式添加給當前點擊的元素
$(this).addClass('active');
// 將當前點擊的元素的class為button的樣式刪除
$(this).removeClass('button');
});

在上述代碼中，我們首先通過選擇器選中HTML文檔中所有class為button的元素。然后，我們為這些元素綁定了一個點擊事件，當元素被點擊時，會執行回調函數中的代碼。

在回調函數中，我們使用了addClass()和removeClass()方法來改變元素的class屬性。當一個元素被點擊時，我們使用addClass()方法將active樣式添加給它，然后使用removeClass()方法將它原本的button樣式刪除。這樣，我們就實現了通過點擊事件改變元素class屬性的功能。

總之，通過jQuery改變元素的class屬性是一個非常重要的技能，它可以幫助開發人員更方便地控制元素的樣式。通過本文的代碼示例，相信大家都可以學會如何使用jQuery來實現這個功能了。