jquery操做class屬性

1、增長一個class類

//增長一個bbb的class類，aaa與bbb同時存在

 $(".aaa").addClass("bbb");

 

2、 刪除一個class類

//刪除aaa這個class類

$(".aaa").removeClass("aaa");

 

3、修改一個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。

 

4、實例

 

//實現一個hover功能，鼠標上去爲aaa，離開爲bbb

$(".ccc").hover(function () {

    $(this).addClass("aaa");

    $(this).removeClass("bbb");

}, function () {

    $(this).addClass("bbb");

    $(this).removeClass("aaa");

}); 

 

 

原文：https://blog.csdn.net/wxl1555/article/details/78481832?utm_source=copy