Class 操作

作者：曾慶林

設置和切換class

addClass() 添加class

$(elem).addClass("active");
//注意class active 前面沒有加點
    

hasClass() 檢查是否有某個class名 返回true/false

removeClass() 刪除class

<h1 class="active header"></h1>
<script>
$(function({
     $("h1").removeClass("active");
    // 這樣只會刪除 active class
    
    $("h1").removeClass();
    // 這樣會刪除掉h1的所有class
   
}))
</script>
    

toggleClass() 切換class

example：單擊添加切換高亮顯示

<style>
    .active{ color:red;}
</style>

<h1 class="active header"></h1>

<script>
$(function({
    $("h1").click(function(){
         $("h1").toggleClass("active");
     })
    
}))
</script>