Jquery 我可以用CSS对类进行分组吗?

Jquery 我可以用CSS对类进行分组吗?,jquery,css,Jquery,Css,我发现,要启用和禁用JqueryMobile中的按钮,我必须执行以下操作: $("#enable-livetv").addClass("livetvclick ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-up-b"); $("#disable-livetv").addClass("livetvclick ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-up-c"

我发现,要启用和禁用JqueryMobile中的按钮,我必须执行以下操作:

 $("#enable-livetv").addClass("livetvclick ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-up-b");
 $("#disable-livetv").addClass("livetvclick ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-up-c");
在Css中,有没有一种方法可以将类分组,这样我就可以重用它们,而不必到处粘贴代码

因此,我正在寻找:

$("#enable-livetv").addClass("enablebuttonstyle");
$("#disable-livetv").addClass("disablebuttonstyle");
这不管用吗

var classes_enable = "livetvclick ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-up-b";
var classes_disable = "livetvclick ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-up-c";
$("#enable-livetv").addClass(classes_enable);
$("#disable-livetv").addClass(classes_disable);
[编辑]

根据OP的问题,下面是如何跨多个文件重用定义的变量

首先,在
/js
文件夹中创建一个文件,比如说,
defines.js
(可以是任何东西,实际上,这只是一个示例)

然后,每次需要定义时,在
标记中包含JS文件就足够了,如下所示:

<script type="text/javascript" src="js/defines.js"></script>

这些变量现在应该可以重用了。

试试看

var myClass = "livetvclick ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-up-b";

$("#enable-livetv").addClass(myClass);

也许?

将这些类放在一个变量中

enablebuttonstyle = "livetvclick ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-up-b";
disablebuttonstyle = "livetvclick ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-up-c";

$("#enable-livetv").addClass( enablebuttonstyle );

我不确定问题到底是什么,这将减少您的代码

var css = " livetvclick ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ";
$("#enable-livetv").addClass(css + "ui-btn-up-b");
$("#disable-livetv").addClass(css + "ui-btn-up-c");
在JS中使用变量(但很可能会使用全局名称空间)、CSS或类似解决方案(但它需要某种编译)。 说到CSS,我的意思是将您的类添加到ui类的定义中:

.ui-btn, .enablebuttonstyle {/* def*/}
.ui-btn-inline, .enablebuttonstyle {/* def*/}
.ui-btn-corner-all, .enablebuttonstyle {/* def*/}

从理论上讲,这应该是可行的

与我的答案相同,但是+1:p这更像是一个jQuery分组,而不是CSS分组。我认为OP提出了一些不同的问题(或者我是这么理解的):PI think OP就是我写的;)我对JQuery和CSS非常陌生,不确定是否可以在CSS中进行某种分组。如果我想在不同的函数中重用变量,我需要在每个方法中定义它,还是有一个全局区域可以使用?在同一个.html/.php文件中,可以定义一次,并且可以在同一个文件中的任何位置重用它,也可以在单独的
标记中。您还可以使用您的定义创建一个单独的
.js
文件,并将其包含在其他文件中-这样您可以在整个项目中使用相同的集合:)。谢谢,我不知道您可以这样做。我刚刚创建了一个插件,其中包含函数enablelink()和disablelink()。这有点过分吗?也许是,我真的不知道应该用什么标准来判断:)。我通常不会将这些简单的东西封装在函数中,但如果您对此感到满意,我想这很好:)。谢谢您的帮助。你给了我一些选择。是否可以重用上面的代码,以便我可以在同一页面和不同页面的不同脚本函数中使用它?
.ui-btn, .enablebuttonstyle {/* def*/}
.ui-btn-inline, .enablebuttonstyle {/* def*/}
.ui-btn-corner-all, .enablebuttonstyle {/* def*/}