Javascript 切换屏幕而非打印介质的CSS显示

我有这个html：。。。。我将其设置为显示：加载页面时无。触发某个事件时，缩放id设置为display:block。但是，我希望这样，如果用户打印页面，即使在触发特定事件之后，它也不会打印zoom id中的内容。该事件通过jQuery将其设置为block：

$("#zoom").css({"display":"block"});

---

有没有办法在jQuery中定义它只应用于屏幕媒体？上面的代码在所有媒体类型中设置它。

除非我误解了这个问题，否则您应该可以使用媒体查询进行打印。唯一奇怪的是，您可能必须使用！重要规则，因为元素是使用javascript内联样式显示的

@media print {
  #zoom {
    display: none !important;
  }
}

---

除非我误解了这个问题，否则您应该可以使用媒体查询进行打印。唯一奇怪的是，您可能必须使用！重要规则，因为元素是使用javascript内联样式显示的

@media print {
  #zoom {
    display: none !important;
  }
}

---

您是否尝试过使用打印媒体查询？这似乎是你在这种情况下会使用的方法，但从你帖子中的措辞来看，你似乎已经熟悉了媒体查询。你可以制作一个打印按钮，当点击时，它会完全隐藏或删除div。我相信唯一的完全校对方法就像发布的链接。打印按钮可以被忽略，任何JS本质上都会内联添加样式，从而在打印时保持不变，因为打印将使用当前的DOM布局。我不完全确定是否有类似的事情！CSS中的重要元素将覆盖内联样式，但可能会覆盖。使用！重要的是，还有其他问题。所以，如果使用得少，而且效果好的话，就去那里吧，但我不想在我的CSS上到处都是重要的内容，因为这样很难覆盖这些内容。@Leeish！重要信息：只要这些内联样式未指定为，则不会覆盖内联样式！重要的是我在下面看到了。我还是会迷路的！很重要，除非只是为了几件事。但我想如果我的朋友！重要的是，只有在印刷媒体类型，这将是可管理的。比另一个js库更好。你试过使用打印媒体查询吗？这似乎是你在这种情况下会使用的方法，但从你帖子中的措辞来看，你似乎已经熟悉了媒体查询。你可以制作一个打印按钮，当点击时，它会完全隐藏或删除div。我相信唯一的完全校对方法就像发布的链接。打印按钮可以被忽略，任何JS本质上都会内联添加样式，从而在打印时保持不变，因为打印将使用当前的DOM布局。我不完全确定是否有类似的事情！CSS中的重要元素将覆盖内联样式，但可能会覆盖。使用！重要的是，还有其他问题。所以，如果使用得少，而且效果好的话，就去那里吧，但我不想在我的CSS上到处都是重要的内容，因为这样很难覆盖这些内容。@Leeish！重要信息：只要这些内联样式未指定为，则不会覆盖内联样式！重要的是我在下面看到了。我还是会迷路的！很重要，除非只是为了几件事。但我想如果我的朋友！重要的是，只有在印刷媒体类型，这将是可管理的。这比另一个js库要好。你不会误解任何东西。唯一的问题是我不了解什么！这一切都很重要。“这就是所需要的一切。”他们很高兴我能帮上忙：你没有误解任何事情。唯一的问题是我不了解什么！这一切都很重要。“这就是所需要的一切。”他们很高兴我能帮上忙：