jq、js 添加/删除class

//=======================js=====================

//1、 先删除，后添加。或者先添加后删除均可
    $(".aaa").addClass("bbb").removeClass("aaa");
    $(".aaa").removeClass("aaa").addClass("bbb");

//2、追加类名

$("div").addClass("whites");

//3、移除类名

$("div").removeClass("whites");

移除多个样式。

$(#two).removeClass("divClass divClass2")

 

//4、切换类名

$("#two").toggleClass("anotherClass") //重复切换anotherClass样式

//5、判断是否含有某项类名

$("#two").hasClass("another")==$("#two").is(".another");

//6、利用attr方法
    //
    $(".aaa").attr("class","bbb");
    //这里需要注意的是，如果这个HTML标签不止有aaa这一个类时，
    //这个方法之后，这个HTML标签会只有bbb这一个class类,

    //当然也可以设置多个
    $(".aaa").attr("class","bbb ccc ddd");

 

//判断HTML标签中是否有bbb这个class类

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

//返回值是一个boolean值，存在返回true，不存在返回false。

 

//=======================js=====================

var div=document.getElementById("myDIV");

div.className = 'snow-container'; //设置为新的
div.className += 'snow-container'; //在原来的后面加这个
div.classList.add("snow-container"); //与第一个等价

//为 <div> 元素添加一个类:
div.classList.add("active");

为 <div> 元素添加多个类:

div.classList.add("mystyle", "anotherClass", "thirdClass");

为 <div> 元素移除一个类:

div.classList.remove("mystyle");

为 <div> 元素移除多个类:

div.classList.remove("mystyle", "anotherClass", "thirdClass");