Javascript 使用coffeescript删除类

如果coffeescript的屏幕大小达到一定的大小，我想删除隐藏的类。这是我目前的代码：

咖啡脚本：

$（窗口）。调整“表单编辑\自定义”的大小，（事件）=>
如果$（window）.width（）您需要告诉
removeClass
函数应该从哪个元素中删除类。因此，如果要从当前具有该类的所有元素中删除隐藏类，可以编写

$(".hidden").removeClass "hidden"

但是，如果屏幕大小回到768px以上，您将无法再次选择所有这些元素。要做到这一点，您可以向这些元素添加
可以隐藏的
类。所以你的HTML是

<p class="hidden can-be-hidden">Lorem Ipsum</p>

Lorem Ipsum

还有JS

if $(window).width() <= 768
  $(".can-be-hidden").removeClass 'hidden'
else
  $(".can-be-hidden").addClass 'hidden'

if$（window）.width（）您需要告诉
removeClass
函数应该从哪个元素中删除类。因此，如果要从当前具有该类的所有元素中删除隐藏类，可以编写

$(".hidden").removeClass "hidden"

但是，如果屏幕大小回到768px以上，您将无法再次选择所有这些元素。要做到这一点，您可以向这些元素添加
可以隐藏的
类。所以你的HTML是

<p class="hidden can-be-hidden">Lorem Ipsum</p>

Lorem Ipsum

还有JS

if $(window).width() <= 768
  $(".can-be-hidden").removeClass 'hidden'
else
  $(".can-be-hidden").addClass 'hidden'

如果$（window）.width（）您不需要JS来做这件事，CSS就足够了，类似这样的东西应该可以工作：

HTML:

下面是一个例子
你不需要JS来做这件事，CSS就足够了，类似这样的东西应该可以工作：

HTML:

这里有一个例子

.small-screen-message {
  display: none;
}

@media (max-width: 768px) {
  .small-screen-message {
    display: inline;
   }
}