javascript - 仅来自类的样式属性

Question

是否可以仅从类中获取某些 css 样式属性计算机，而不考虑可能的运行时操作？

例如:

.container{
}

.container .item {
}

.container.inactive .item {
    opacity:0.5;
}

元素的 javascript 不透明度在某处通过 $('.item').css('opacity',1) 更改为 1，但随后我需要知道某些元素的不透明度是多少而无需运行时修改，基于仅在其类(class)上。 css 的结构只是一个示例，不应考虑检查不透明度。

这可能吗？

Answer 1

好的，我想我明白你想要什么。

看看我制作的这个 fiddle 。 div 已经有了 opacity: 0.6; 那么当我们点击 div 时，div 就会变成 opacity: 0.2;(通过 jQuery)。要删除它，我们可以简单地从 div 中删除 style。

HTML:

<div>Click Me</div>

CSS:

div {
    width: 100%;
    height: 50px;
    background: red;
    opacity: 0.6;
}

jQuery:

var count = 0;
$("div").click(function () {
    if (count == 1) {

        $(this).removeAttr("style");
        count = 0;
    } else {

        $(this).css("opacity", "0.2");
        count = 1;
    }
});

Demo Here

这是一个简单的演示，向您展示它是如何工作的。使用 .css 会将 css 内联，它不会更改样式表。

---

了解有关 .css 的更多信息 here .