CSS 中的类 flex 状态/一次抓取多个 id-ed 元素

Question

假设我有一个带有按钮的用户界面。 ui 有四种状态，每种状态的按钮位于不同的角落。

在 Flex 中，这很容易实现，您只需定义这四种状态（topLeft、topRight、bottomRight、bottomLeft），并且每种状态都有一个按钮位置值的覆盖。

您将如何使用 CSS 以一种可以通过简单赋值触发的方式执行此操作？

Flex: skin.currentState="topRight" JS：？？？

我已经在 css 中定义了类：

#button.topRight {...}
#button.topLeft{...}
#button.bottomRight {...}
#button.bottomLeft {...}

现在，无需知道#button 的存在，如何在一行代码中将四种状态之一应用于页面上定义了该状态的所有元素？

Answer 1

jQuery 在 JavaScript 中提供了一个方便的抽象层，因此：

$('.someClassName').addClass('blueOnLeft')  
$('.someClassName').removeClass('blueOnLeft')

这将针对每个类名为“someClassName”的元素。