使用jquery的內部CSS

Question

美好的一天！我想添加css using jquery。當我查看代碼使用螢火蟲。它看起來像內聯的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

你可以定義類（或ID）早些時候在頭或外部CSS文件中，比使用jquery

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

Answer 3

添加該類當你的jQuery添加樣式它將用於特定的id或class。 因此它將以HTML格式顯示爲內嵌css。

Answer 4

您可以嘗試的風格追加到頭部像這樣

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