Utwórz regułę / klasę CSS za pomocą jQuery w czasie wykonywania

Zazwyczaj mam plik CSS, który ma następującą zasadę:

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

Jak mogę uniknąć tworzenia takiego statycznego pliku CSS, dodając informacje CSS podczas akcji wykonawczych do ciała lub coś podobnego? (tylko przy użyciu jQuery)

Chcę go zdefiniować raz, ale z jQuery i używać go wiele razy później; dlatego nie chcę dodawać go za każdym razem do konkretnych elementów DOM.

Znam proste funkcje (css("attr1", "value");), ale jak mogę utworzyć pełną regułę CSS wielokrotnego użytku?

questionAnswers(21)

yourAnswerToTheQuestion