Как получить и установить глобальные значения css уровня css в JQuery

Question

Что я хочу сделать, это что-то вроде этого.

Получите глобальное значение css для класса. Где .myclass ссылается на фактический статический класс, а не на экземпляр, реализующий класс.

var currentmargin = $('.myclass').css('margin'); 

Затем отображать глобальное значение класса CSS для пользователя, чтобы изменить , а затем установить изменения

$('.myclass').css('margin',newValue); 

из КАС как ниже

.myclass { 
    margin:10px; 
} 

Есть правильный способ сделать это в JQuery, что мне не хватает или мне нужно продлить действие с помощью плагина, например http://plugins.jquery.com/project/changecss, чтобы выполнить работу?

Заранее благодарен.

Answer 1

Думаю, вы сбиваете с толку использование селекторов JQuery. Следующее:

var currentmargin = $('.myclass').css('margin'); 

Среднее: выбрать все элементы в HTML-документ, который помеченных класса под названием «myclass», а затем считываются из атрибута «стиль» значение CSS собственности «margin». И я боюсь, что нет возможности использовать JS на стороне клиента для чтения глобального определения для значения свойства css, если у вас нет элемента на странице, который помечен этим классом.

Таким образом, я думаю, причина, по которой всегда была неопределенной, состоит в том, что у вас нет элемента с классом «myclass».

Answer 2

jQuery сам по себе здесь не помогает, все, что вы хотите сделать, сосредоточено вокруг document.styleSheets, базовой коллекции DOM, один jQuery не предоставляет оболочек и т. Д. Вокруг. plugin you linked - хороший подход (поскольку это легкий), или просто просматривайте коллекции в document.styleSheets так же, как и он.