作者:xuzhaotong | 来源:互联网 | 2023-05-19 07:24
之前写项目时,需要很多跳转、切换焦点的事件。页面布局类似管理系统,页面左侧有菜单栏,右侧是统一的模块,菜单栏中的标签模块的排版类似,但是样式大小各不相同。所以刚开始写的时候写了很多判断:
之前写项目时,需要很多跳转、切换焦点的事件。页面布局类似管理系统,页面左侧有菜单栏,右侧是统一的模块,菜单栏中的标签模块的排版类似,但是样式大小各不相同。所以刚开始写的时候写了很多判断:
if(ele.hasClass(cls1) && (ele.hasClass(cls2)){
... // 触发事件
}
后来在w3school找了找css的类选择器,发现有一个多类选择器,可以找到同时包含某几个类的元素,于是上述的代码就可以省去,直接定义一个统一的class,在css文件中分别定义对应元素添加该类后的样式,焦点触发时再添加该类即可。