jquery操作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");

}); 

 

 

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM