首先需要說明，一個HTML標籤的class屬性可以有多個class類名，並用空格隔開，這些class類名會同時起作用。如果出現兩個以上的class類設定了相同的css樣式，則會根據這些class類在css檔案和style標籤中載入的先後順序，後面的覆蓋前面的，和HTML標籤中class屬性的類名前後沒有關係。

以下方法中，被操作的class類名均不帶點(.)這個class類的選擇器符號！

• 增加一個class類

//增加一個bbb的class類，aaa與bbb同時存在
 $(".aaa").addClass("bbb");

• 刪除一個class類

//刪除aaa這個class類
$(".aaa"
 
).removeClass("aaa");

• 修改一個class類

//方法一
    //先刪除，後新增。或者先新增後刪除均可
    $(".aaa").addClass("bbb").removeClass("aaa");
    $(".aaa").removeClass("aaa").addClass("bbb");
//方法二
    //利用attr方法
    $(".aaa").attr("class","bbb");
    //這裡需要注意的是，如果這個HTML標籤不止有aaa這一個類時，
    //這個方法之後，這個HTML標籤會只有bbb這一個class類,

    //當然也可以設定多個
 

    $(".aaa").attr("class","bbb ccc ddd");

• 判斷是否存在一個class類

//判斷HTML標籤中是否有bbb這個class類
$(".aaa").hasClass("bbb");
//返回值是一個boolean值，存在返回true，不存在返回false。

• 例項

//實現一個hover功能，滑鼠上去為aaa，離開為bbb
$(".ccc").hover(function () {
    $(this).addClass("aaa");
    $(this).removeClass("bbb");
}, function () {
    $(this
 
).addClass("bbb");
    $(this).removeClass("aaa");
});