Создайте правило / класс CSS с помощью jQuery во время выполнения

Question

Обычно у меня есть файл CSS, который имеет следующее правило:

#my-window {
    position: fixed;
    z-index: 102;
    display:none;
    top:50%;
    left:50%;
}

Как я могу избежать создания такого статического файла CSS, добавляя информацию CSS во время выполнения действий к телу или что-то подобное? (только с использованием jQuery)

Я хочу определить его один раз, но с помощью jQuery и использовать его много раз позже; вот почему я не хочу добавлять его каждый раз к конкретным элементам DOM.

Я знаю простые функции (css("attr1", "value");), но как мне создать полное правило CSS для повторного использования?

Answer 1

Используя .addClass () в jquery, мы можем динамически добавлять стиль к элементам на странице. например. у нас есть стиль

.myStyle
{
  width:500px;
  height:300px;
  background-color:red;
 }

Теперь в состоянии готовности jquery мы можем добавить css как .addClass (MyStyle)