Question

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

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

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

由于

Answer 1

你试图这样做的原因是什么？如果你从一开始就知道你需要的css代码，你可以将它添加到样式表文件中，然后使用JQuery addClass function：

CSS（将其插入样式表文件）：

.block
{
    display: block;
}

JQuery（制作动作）：

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

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

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

Answer 2

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

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

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

JQuery添加css不是内联的

2 个答案: