知道是否添加了一个类(使用javascript添加)

时间:2016-09-30 12:33:30

标签: javascript css

我正在编写网络,我需要知道何时添加了一个类。 我正在使用JavaScript插件,插件添加一个CSS类然后删除它并将其添加到其他div(图库)。我需要知道'div'在这个课程的每个时刻。

这里有一个我想做的例子

$('div').click(function() {
    $(this).toggleClass('red');
});

if ($('div').hasClass("red")) {
  $("div").addClass('border');
}
.box {
    width: 250px;
    height: 100px;
    border: 1px #000 solid;
}

.red {
    background: red;
}
.border {
  border: 6px #000 solid;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='box'></div>

正如您在此示例中所看到的,我只想在添加类border时添加类red,而不能与类red一起添加,因为正如我所说在真实页面中我使用的是JavaScript插件。

1 个答案:

答案 0 :(得分:0)

嗨:)感谢你的四个想法。

作为@ T.J。 Crowder writed Mutation Observer是这个问题的一个非常好的选择。

与答案的链接: How to detect class changing by DOMAttrModified