JQuery添加css不内联答案

【问题标题】：JQuery add css not inlineJQuery添加css不内联
【发布时间】：2014-11-29 22:41:40
【问题描述】：

我想用 JQuery 添加 css。我试过这个：

$('#imageMenu').css("display", "block");

但生成代码是内联的。我可以在没有内联样式的情况下添加 css 吗？我想在我的样式表中添加样式。这是可能的？我在互联网上搜索，但我没有找到。

谢谢

【问题讨论】：

看这里Add Rules to Stylesheets with JavaScript
使用这样的东西：sheet.insertRule("header { float: left; opacity: 0.8; }", 1);

标签： jquery css stylesheet inline

【解决方案1】：

您尝试这样做的原因是什么？如果您从一开始就知道所需的 css 代码，则可以将其添加到样式表文件中，然后使用 JQuery addClass function:

CSS（将其插入到您的样式表文件中）：

.block
{
    display: block;
}

JQuery（做出动作）：

$('#imageMenu').addClass('block');

示例：http://jsfiddle.net/2dazvud6/

改进 Toby: 请记住，使用 JavaScript 完成的任何操作都至少部分是内联的。在此示例中，您添加的类是内联添加的。这仅仅是因为 JavaScript 的工作原理。它是客户端的，客户无权访问您的网站进行编辑。如果您需要强大的控制能力，您可能不得不考虑使用 JavaScript/Ajax 和服务器端脚本语言。

【讨论】：

【解决方案2】：

您可以使用 Javascript 向样式表添加规则：例如：

myStyle.insertRule('#blanc { color: white }', 0);

请注意，这不会更改样式表文件本身，只是加载到内存中的样式表。更多信息可以在这里找到：CSSStyleSheet.insertRule()

【讨论】：