打印到打印机时隐藏/显示div

是否可以单击页面上的按钮/图像/链接并包含/排除其他元素的打印？ （在实际的打印机上）我想给用户选择要打印的元素。 用jQuery的Javascript这可行吗？

编辑以便更好地理解：我想让用户通过添加打印来选择他想要打印的页面的哪个部分/不要在每个div旁边打印此按钮，覆盖我在我设置的默认设置print.css文件。

更新：在理查德尼尔伊拉根的建议之后，我尝试了以下内容，我觉得我很接近，但不能指出它。 有什么建议？

 @media print { .no-print { display:none; } }   $(document).ready(function() { $('.dontPrint').click(function() { $('maybe').addClass('no-print'); }); });   
bla bla 

Answer 1

是。 您可以使用CSS的@media print媒体类型选择器来完成此操作。 示例（打印时隐藏所有输入）：

 @media print { input { display: none; } } 

作为设计模式，您可以将打印介质选择器与其余样式表组合以实现切换效果。

HTML：

 
  
 
 
Shown instead when printing
  

CSS：

 .for-screen {display: block;} .for-print {display: none;} @media print { .for-screen {display: none;} .for-print {display: block;} } 

关于此事的更多内容：

• CSS2标准的媒体类型
• CSS设计：打印 （alistapart.com）

Answer 2

你应该用css设置。

媒体=“打印”

尝试这样的事情：