jQuery学习笔记_08day_&&添加类的方法

ctrl+F 关键字搜索，谷歌浏览器自带

插件库
https://www.jq22.com
网页酷站
https://ku.qingnian8.com/
网页设计导航
http://www.qingnian8.com/

原生js中添加类的方法

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",...);

jquery中添加类的方法

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");

检查是否含有某个类的方法

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

第八课…
待续
2021/3/22