如何讓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：

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

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

Answer 2

你總是可以定義使用類樣式在CSS一樣 -

.element{ 
    background : green; 
} 

並使用jQuery方法將該類與元素一起添加。

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