问在没有DOM元素的情况下获取css值

EN

只需使用该类名创建一个元素并检查它。您甚至不需要将其附加到DOM：

var $el = $('<div class="classname"></div>');
var opacity = $el.css('opacity') // or whatever 

即使$el实际上并不存在于DOM中，您仍然可以访问它的所有样式属性。

编辑:正如评论中提到的，这种方法并不总是像预期的那样工作(例如，inherited css values没有明确定义在.classname上，selector specificity在.classname上定义，等等)。

例如，以下代码由于#foo将选择器的专用性提高到独立.bar之外而失败

css：

#foo .bar { color: red; }

js：

var $el = $('<div class="bar"></div>');
$el.css('color'); // Expected: "red", Actual: ""

参见http://www.hunlock.com/blogs/Totally_Pwn_CSS_with_Javascript，它提供了一种跨浏览器的方法来动态获取和添加css。

它适用于document.styleSheets和IE的.rules以及其他所有人的.cssRules

它还有一个优点，那就是有点抽象，所以你不需要担心细节。

上面的链接不再起作用。以下是这篇博客文章的截图，由互联网档案馆wayback在2008年捕获。

​

​

该函数基本上遍历所有样式表的所有样式，并提供修改/删除它们的能力。

请注意，不推荐这样做，因为大多数现代样式表太大了，无法使其成为有效的操作。

你可以去(这也适用于chrome)：

var $elem = $('<div id="foo"></div>').appendTo('body'),
    value = $elem.css('margin-top');

$('#foo').remove();