jquery - 如何使用 jquery 向页面 添加 CSS 类？

Question

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

使用这样的东西应该很简单:

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

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

注意事项:

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

感谢您提供的任何帮助。

Answer 1

需要给字符串加上引号，并给字符串加变量(+号):

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

FIDDLE