jquery - 使用 jQuery 向元素添加类 + 同时发送 css 类参数的自定义值

Question

我不知道这是否可行，但会尝试解释我的需要。

我想做这样的事情......

具有 undefined variable X、Y、Z 的 CSS 类:

.r {border-radius:Xpx;-webkit-border-radius:Ypx;-moz-border-radius:Zpx;}

然后在正文中:

<div id='test'></div>

脚本:

$("#test").addClass("r(10,10,10)")

如您所见，我有一个 CSS 类，但没有数字。只是变量。
我想使用 jquery 将此类应用于元素并通过 jquery 发送所有变量。
有什么办法可以做到这一点吗？

Answer 1

有趣的想法，但遗憾的是无法直接实现:CSS 会立即“编译”，因此此类 CSS 无效且不会被识别。

相反，您可以使用这样的代码:

$("#test").css({ "border-radius": "10px", "-webkit-border-radius": "10px", "-moz-border-radius": "10px" });

使用 jQuery 即时设置 CSS 属性。