类名操作的方法

1.原生js操作类名

dom.className="aa bb cc"

<script>
document.getElementById('test').className='aa bb cc'
</script>

 

2.jQuery操作类名

i.添加类: $.addClass("a");

$("div").addClass(“a”);

ii.移除类:$.removeClass("b");

$("div").removeClass(“b”);

iii.判断类:$.hasClass("c");

$("div").hasClass(“c”);

iv.切换类：$.toggleClass("d")

$("div").toggleClass(“d”);

 

 3.html5操作类名

i.添加类：dom.classList.add("aaa")

ii.移除类：dom.classList.remove("bbb")

iii.判断类：dom.classList.contains("ccc")

iv.切换类：dom.classList.toggle("ddd")