javascript - 加载后确定元素是否具有带有 jQ​​uery 的 CSS 类

Question

我已完成研究并发现 .hasClass() 和 .is() 与我需要的类似。但是，它在我的情况下效果不佳。我正在尝试检查 DIV 以查看它在页面加载后是否具有特定类。这不断变化，因为它基于用户是否滚动……如果用户滚动，jQuery 然后将一个类(.ctoggle)添加到 .first-div，从那里我希望它“自动”添加一个类到第二个(。事件)并在从 .firstdiv 中删除时切换。

这是一个示例如果用户滚动

<div class="first-div ctoggle"></div>

<div class="shade active"></div>

.关于如何实现这一目标的任何想法？同样，如果我错了请纠正我，但似乎 .hasClass() 和 .is() 仅在页面加载之前/期间有效。

Answer 1

.hasClass() 和 .is() 只要您的目标对象存在，您就可以随时调用它们。但是，他们不会在类(class)可能发生变化的任何时候继续向您报告 - 他们不会监控变化。

如果你想在每次滚动页面时检查一个对象，看看它的类是否发生了变化，那么你只需要将一些代码连接到滚动事件或修改滚动页面的代码事件并在每次事件触发时检查对象。由您编写代码来确定何时需要再次检查目标对象。