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

Question

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

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

CSS类未定义的变量X，Y，Z：

.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属性。