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

Question

我想使用 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().

谢谢你提供的所有帮助。

score 3 · Accepted Answer

您需要引用字符串，并使用浓度 (+ 符号) 将变量添加到字符串：

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

1 回答 1