谁能解释我如何使用JavaScript / jQuery获取单个类的CSS属性？

Question

有一个具有三个类test，test1和test2的元素。 谁能解释我如何使用javascript / jquery获取单个类的css属性？

<style>
.test {
    background-color: #000;
    padding:20px;
}
.test1 {
    background-color: #eee;
    padding:30px;
}
.test2 {
    background-color: #fafafa;
    padding:40px;
}

</style>


<p class="test test1 test2" id="myDiv">I am inside the iframe! Catch me if you can!</p>

如果我们在代码下面的浏览器控制台中尝试

var el = $("#myDiv");
getComputedStyle($(el)[0]);

这将获取元素的所有css属性，在这里我只想获取为单个类编写的css属性。

如果我说的是，获取.test类的css属性，那么它应该给出以下两件事：

background-color: #000;
padding:20px;