js添加类选择器(addClass,removeClass) ,禁用div

最新推荐文章于 2022-07-21 10:08:34 发布

太阳的后裔

最新推荐文章于 2022-07-21 10:08:34 发布

阅读量1.3k

点赞数

分类专栏： js HTML CSS

本文链接：https://blog.csdn.net/weixin_43942765/article/details/102911976

版权

js 同时被 3 个专栏收录

60 篇文章 3 订阅

订阅专栏

HTML

16 篇文章 1 订阅

订阅专栏

CSS

16 篇文章 2 订阅

订阅专栏

小编前不久遇见了一个bug，在和自己的师傅沟通后确认其需要修改，在服务器端进行了简单的处理后，然后需要在客户端修改，我使用到了禁用div，相信很多情况下都需要用到这一点，来一起看看小编的代码吧
1.noshow是div的类选择器
2.pointer-events就是控制div是否禁用的样式
1)属性为none时其将被禁用
2)属性为auto时其将恢复正常

.noshow{
    pointer-events: none;
 }
.canshow {
 	pointer-events: auto;
}

下面是控制其能使用和不能使用时的js
addClass在前端的应用十分广泛，主要作用是添加类
小编在使用addClass时常常需要加上removeClass，因为有时候addClass不会自动消除

if (当能被禁用时) {
     $("#divID").addClass("noshow");
     $("#divID").removeClass("canshow");
 } else {
     $("#divID").addClass("canshow");
     $("#divID").removeClass("noshow");
 }