有時我們會對某個控制元件的class樣式進行獲取、新增、修改、刪除。下面是簡單整理的一些例項用法：

html樣例程式碼如下：

<ul class="pro_list fl cont">
    <li class="core"></li>
    <li class="core"></li>
    <li class="core"></li>
</ul>

1.獲取樣式名

var class_name=$(".pro_list").attr("class");
結果："pro_list fl cont"
 

2.新增樣式（給第一個li新增樣式”current”,這裡的新增是追加）

$(".pro_list li").eq[0].addClass("current");
執行後第一個li就變成如下：
<li class="core current"></li>

3.修改樣式，其實就是將class屬性重新賦值

$("ul").attr("class", "mylist");
執行結果：
<ul class="mylist">
    <li class="core"></li>
    <li class="core"></li
 
>
    <li class="core"></li>
</ul>

4.刪除樣式
1）刪除某個樣式

$("ul").removeClass("fl");
執行結果：
<ul class="pro_list cont">
    <li class="core"></li>
    <li class="core"></li>
    <li class="core"></li>
</ul>

2）刪除兩個樣式

方法一：
$("ul").removeClass("fl"
 
).removeClass("cont");
方法二：
$("ul").removeClass("fl cont");
執行結果：
<ul class="pro_list cont">
    <li class="core"></li>
    <li class="core"></li>
    <li class="core"></li>
</ul>

3）移除全部樣式

$("ul").removeClass();

5.判斷是否含有某個樣式

if($("ul").hasClass("cont")){
    alert(true);
}
else{
    alert(false);
}
方法二：
if($("ul").is(".cont")){
    alert(true);
}
else{
    alert(false);
}

6.樣式名顯示隱藏切換顯示

$("ul li").toggleClass("current");