如何让jQuery的.css（）方法生成外部样式？

Question

我正在创建一个非常依赖jQuery的.css（）方法的应用程序。但我有一个问题，我不喜欢内联CSS样式。我更喜欢在样式标记上添加它们。 所以每当我使用jQuery创建一个css样式时，我都会写这样的东西;

$('element').css({background: 'green'});

结果将是 <element style='background: green'>

有没有办法让.css（）方法生成外部样式，如下例所示。

<style> 
element{
background: green;
}
</style>

感谢

Answer 1

您无法使用.css()方法执行此操作。相反，您可以执行类似下面的操作，您将通过在head标记中附加新样式在文档中生成CSS：

＆＃13;

＆＃13;

$('head').append('<style>p {color:red;}</style>');

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>
lorem ipsume
</p>

＆＃13;

＆＃13;

＆＃13;

Answer 2

您总是可以使用CSS中的类来定义样式，例如 -

.element{
    background : green;
}

并使用jQuery方法将该类与元素一起添加。

$('div').addClass('element');