Как динамически создать тег style на jquery?

Question

[Максим Иванов]

У нас загрузилась страница

$(docment).ready(function(){

// [1] тут нужно создать style и добавить его в head
// [2] добавить в этот style свойства для тегов html

});

но дело в том, если это делать просто как $('head').append(*), где * тег style и нужная информация, то стили из этого style не применяться к странице (хотя это и понятно, ведь браузер уже загрузил страницу). Как то это можно сделать, чтобы DOM перезагрузился?

Answer 1

[Денис Инешин]

Для загрузки внешних ресурсов (вроде скриптов или css файлов), рекомендуется использовать специализированный загрузчик ресурсов, например: yepnopejs.com

Если вы хотите добавить список стилей, то совсем не нужно пытаться добавить их в head. Добавляйте в конец body. Например вот так: jsfiddle.net/TJeNz (блок по умолчанию черный, через javascript я добавляю стиль и перекрашиваю его в красный)

Comments

[Максим Иванов]

document.body - я думаю не все так кроссбраузерно!?

[Денис Инешин]

@omaxphp с чего вы взяли?

[Максим Иванов]

IE6-7 - ведь не поддерживает document.body

[Денис Инешин]

@omaxphp ну ок, если вы их еще поддерживаете, то пишите просто $("body") тогда jquery в ветке 1.х проверит document.body на null и выполнит document.getElementsByTagName('body')[0] если чо.

[Максим Иванов]

да, я знаю, я очень придирчив :)

Answer 2

[Виталий Киренков]

jsfiddle.net/8cTUz
Вроде бы работает... Просто замените везде, где у меня боди на хэд и теоретически будет вам счастье, хотя задумка на мой взгляд странная.

Comments

[Максим Иванов]

ну, не совсем странная, просто получается приходится в память копировать все содержимое $("body || head").html()

[Денис Инешин]

Ужасающий код, никогда так не делайте!

Answer 3

[Виталий Желтяков]

.addClass()

Comments

[Иван]

Вы тоже вопрос не читали?

[Виталий Желтяков]

@0neS Я вопрос прочитал. Человек, как я понимаю, хочет ajax-ом добавить стиль html так, чтобы его было видно в коде. Я считаю такой подход изначально неправильным.

[Максим Иванов]

addClass() - подразумевает, что уже стиль создан в css и загружен браузером

[Виталий Желтяков]

@omaxphp Именно, так и должно быть. Иначе нужно менять непосредственно свойства стилей (.css), а не сам класс стилей.

[Максим Иванов]

Задача другая, тут не подходит это