Jquery 查找单个类的CSS规则

如果我有一个元素-

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

然后我对myDiv应用另一个类-

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

我的css中有这样一个定义-

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

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

我如何找出哪些规则专门适用于$（'.myDiv.newClass'）？我想要一个函数，返回一个带有css规则的对象

结果会是这样的-

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

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

我不想返回任何只适用于.myDiv的规则

在这种情况下，您应该从元素中删除此类并更改CSS结构：

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

然后改变：

.myDiv.newClass {}

致：

---

如果您需要查看正在应用于该div的样式，可以使用or.

window.getComputedStyle（）

可能是您正在寻找的-

一篇关于获取与浏览器兼容的样式的非常好的文章

---

上面给出的like是您问题的一个通用解决方案。

Does

$（'.myDiv'）.addClass（'newClass'）真的有效吗？现在你已经没有myDiv类了。谢谢你的回答，我的问题不清楚。我已编辑以显示我希望返回的内容。