jquery - 查找单个类的 CSS 规则

Question

如果我有一个元素——

<div class="myDiv"></div>

myDiv 应用了一些规则 -

.myDiv {
    background:red;
}

然后我将另一个类应用到 myDiv -

$('.myDiv').addClass('newClass');

我的 css 中有这样的定义 -

.myDiv.newClass{
    position:relative;
    left:20px;
}

我怎样才能找出具体适用于 $('.myDiv.newClass') 的规则？我想要一个返回包含 css 规则的对象的函数。

结果会是这样的——

{
    "position":"relative",
    "left":"20px"
}

Answer 1

window.getComputedStyle() 也许您正在寻找什么 - https://developer.mozilla.org/en/DOM/window.getComputedStyle