一.原生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");

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

div.classList.contains('类名'); //return true or false

版权声明:本文为CSDN博主「lin1。」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_42888950/article/details/82287017

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐