如何使用 jquery 向页面 <head> 添加 CSS 类？答案

【问题标题】：How can I add a CSS class to a page <head> with jquery?如何使用 jquery 向页面 <head> 添加 CSS 类？
【发布时间】：2012-08-26 11:57:47
【问题描述】：

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

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

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

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

注意事项：

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

感谢您提供的任何帮助。

【问题讨论】：

【解决方案1】：

你需要给字符串加上引号，并用重合（+号）给字符串添加变量：

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

【讨论】：