JS之给元素添加类的方法

1
2
3
4
5
6
7
8
9
10
11
12
//1.为 <div> 元素添加一个类:
document.getElementById("div").classList.add("类名");

//2.为 <div> 元素添加多个类:
document.getElementById("div").classList.add("类名1","类名2","类名3",...);

//3.为 <div> 元素移除一个类:
document.getElementById("div").classList.remove("类名");

//4.为 <div> 元素移除多个类:
document.getElementById("div").classList.remove("类名1","类名2","类名3",...);

1
2
3
4
5
6
7
8
9
10
11
12
13
14
//1.为 <div> 元素添加一个类:
$("#div").addClass("类名");

//2.为 <div> 元素添加多个类:
//只需要通过空格来间隔 class 值即可一次性添加多个 class
 $("#div").addClass("类名1 类名2 类名3");

//3.为 <div> 元素移除一个类:
$("#div").removeClass("类名");

//4.为 <div> 元素移除多个类:
//只需要通过空格来间隔 class 值即可一次性清除掉多个 class
 $("#div").removeClass("类名1 类名2 类名3");

1
2
3
4
//检查是否含有某个CSS类
div.classList.contains('类名'); //return true or false