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

Question

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

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

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

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

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

из CSS, как показано ниже

.myclass {
  margin:10px;
}

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

Заранее спасибо.

Answer 1

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

Answer 2

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

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

Значение: выберите все элементы в HTML-документе, которые помечены классом с именем "myclass", а затем прочитайте из атрибута 'style' значение свойства css "margin".И я боюсь, что с помощью JS на стороне клиента невозможно прочитать глобальное определение значения свойства css, если у вас нет элемента на странице, помеченного этим классом.

Так что я думаю, причина, по которой всегда получалось неопределенноепотому что у вас нет элемента, помеченного классом "myclass".