使用jquery的内部CSS

Question

美好的一天!!!

我正在尝试添加css using jquery。当我使用firebug查看代码时。它看起来像内联css格式。但我想使用jquery加载内部css属性。 是否可以使用jquery添加内部css。

 $('selector').css('color','#fff');

看起来像例如

<p style="color:#fff"></p>

我想像

一样加载

<style type="text/css">
p {
color:#fff;
}
</style>

不确定，如何进行任何一次审核并提出建议。

由于

Answer 1

是的，你可以，只需在头部附加一个样式标签：

$("head").append('<style type="text/css">p {color:#fff;}</style>');

请参阅此处示例jsfiddle

Answer 2

您可以在head或in外部css文件中更早地定义类（或id），然后使用jquery

添加此类

$('p').addClass('my-style');

Answer 3

您可以尝试将样式添加到头部

var headID = document.getElementsByTagName("head")[0];
$(headID).append('<style type="text/css">p { color:#fff; } </style>');

Answer 4

当你通过jquery添加样式时，它将用于特定的id或类。 所以它将以HTML格式显示为内联css。