Как с помощью jQuery добавить в head тэг?

Question

[creatoroftheworld]

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

В общем, чтоб как-то так, но чтоб работало

Answer 1

[DevMan]

так оно и работает.

jsfiddle.net/8cjj1ep0
i.imgur.com/KmHLy6c.png

Comments

[creatoroftheworld]

Да, тупанул я там совсем в другом месте, и думал что проблема в $('head'), типа недопустимо такое писать

Answer 2

[Евгений Петров]

Вот оно, поколение jQuery...
Есть коллекция всех стилей Document.styleSheets, которая предоставляет доступ к каждому элементу link или style. А уже у них есть средства добавления и удаления правил CSS на лету.

Итого так (сэкономить на синтаксисе jQuery можно в одном месте, да и то копейку):

document.head.appendChild(document.createElement('style'));
var sheets = document.styleSheets,
	sheet = sheets[sheets.length - 1];

sheet.insertRule('html{background:#369;}', sheet.cssRules.length);

/*А теперь можно проводить любые манипуляции*/
sheet.insertRule('p{font-size:2em;color:#fff;}', sheet.cssRules.length);
sheet.deleteRule(0);
sheet.insertRule('html{background:#69c;}', 0);

/*Или перебрать все правила в любом источнике, который соответствует политике происхождения*/
for (var i = 0; i < sheet.cssRules.length; i++) {
	console.log(sheet.cssRules[i].selectorText);
}

Comments

[Алексей]

Да вы товарисч - ГиК :)

[Евгений Петров]

Алексей: Скоро гиком будут называть того, кто понимает отличие коллекции от массива или объекта...

[Алексей]

Евгений Петров: таки да - но верно что учите молодых создателей чистому JS

[RubaXa]

Евгений, если css грузяться с другого домена, то будет ошибка, так что лучше сразу создавать свой style ;]

[Евгений Петров]

RubaXa: Да, чёрт побери... Лоханулся с секьюрностью:) Сенкс.

Answer 3

[Алексей]

Таки да подтверждаю, работает.
https://jsfiddle.net/HaJIuBauKa/wg0u6s6d/

ЗЫ: Создатель! Уповаю! Сделайте что б всем (пользователям) было хорошо (зеленая кнопка)...