如何在 JQuery 中获取和设置全局 .class 级 css 值答案

【问题标题】：How to get & set global .class level css values in JQuery如何在 JQuery 中获取和设置全局 .class 级 css 值
【发布时间】：2011-01-01 20:27:13
【问题描述】：

我想做的是这样的。

获取一个类的全局 css 值。其中 .myclass 引用实际的静态类，而不是实现该类的实例。

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

然后显示全局类css值供用户修改然后设置更改

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

来自下面的 CSS

.myclass {
  margin:10px;
}

在我缺少的 JQuery 中是否有正确的方法来执行此操作，或者我是否需要使用 http://plugins.jquery.com/project/changecss 之类的插件扩展内容才能完成工作？

提前致谢。

【问题讨论】：

标签： jquery css global-variables

【解决方案1】：

我认为您混淆了 Jquery 选择器的使用。以下：

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

意思是：选择HTML文档中所有标记为“myclass”类的元素，然后从css属性“margin”的属性'style'值中读取。而且恐怕没有办法使用客户端 JS 来读取 css 属性值的全局定义，除非您在页面上有一些标有此类的元素。

所以我猜总是未定义的原因是因为您没有任何标记为“myclass”类的元素。

【讨论】：

感谢您的反馈，我稍微修改了我的问题以了解问题的核心。

【解决方案2】：

jQuery 本身在这里并没有任何帮助，你想做的一切都围绕document.styleSheets，一个基本的 DOM 集合，一个 jQuery 不提供包装器等等。 plugin you linked 是一个很好的方法（因为它是轻量级的），或者只是像它一样循环遍历 document.styleSheets 中的集合。

【讨论】：

谢谢，所以没有直接在 JQuery 中，这是我需要知道的。我想我可能会扩展插件以支持获取和设置。