如何使用jquery将CSS类添加到页面？

Question

我想使用jquery将新的CSS类附加到文档的head脚本中，以更改该页面上的元素。

使用类似的东西应该很简单：

var myhex = #e6399b;
$("<style type='text/css'> #someid { color:myhex; } </style>").appendTo("head");

我已经创建了一个FIDDLE来测试，但我无法让它工作。我认为在HTML代码中间使用JS变量的语法非常简单 - 我尝试'+myhex+'和+myhex+但是说实话我猜这点。

备注：

1. 我需要通过变量来实现，因为变量的内容经常变化。
2. 我意识到直接的答案是“使用.css（）”，但在这种情况下我无法使用它，因为我正在为jquery对话框中的元素添加样式。这样做的唯一方法是通过jquery的dialogClass命令（即你必须通过'class'设置样式，而不是通过.css()。

感谢您提供任何帮助。

Answer 1

您需要引用字符串，并使用集中（+符号）向字符串添加变量：

var myhex = '#e6399b';
$("<style type='text/css'> #someid { color:"+myhex+"; } </style>").appendTo("head");

FIDDLE