jquery添加style样式

说实话，即使我用jQuery改变了样式，我仍然感觉自己像一块石头，正在试图过河。
我给大家讲一下我的经历，可能有点极端，但却是真实的掉进陷阱的经历。

比如使用css()方法，这其实是一把双刃剑。
在处理之前的项目时，我们需要根据用户权限动态更改颜色。
代码写得非常简洁。
JavaScript $("userAvatar").css("Background-color", userLevel === "admin" ? "red" : "green");
当时感觉还蛮酷的，一行代码就搞定了。
测试反馈显示IE浏览器存在问题。
低版本的IE不支持动态设置透明度。
然后我意识到虽然css()很方便，但是你必须小心兼容性。

再次使用addClass()和RemoveClass()。
我已经使用这个方法十多年了。
有趣的是，我的同事总是喜欢在类名上堆叠属性，如下所示： CSS .red-text { 颜色：红色；字体粗细：粗体； }
然后通过 .addClass("red-text") 同时添加两种样式。
这对于简单的场景来说效果很好，但是随着项目的增长，调试变得非常困难，因为类名看起来像身份证。
当时我不明白为什么要这么做，但后来我意识到这可能是因为我没有很早就接触到 CSS 模块化，也没有在我的类中结合所有的样式。

直接在