jquery 打印
使用 jQuery 打印页面内容
jQuery 可以通过调用浏览器的打印功能实现页面打印。以下是一个简单的方法：
$("#printButton").click(function() {
window.print();
});打印特定区域内容
如果只需要打印页面中的特定部分，可以创建一个包含该区域内容的临时窗口：
$("#printButton").click(function() {
var printContent = $("#printableArea").html();
var originalContent = $("body").html();
$("body").empty().append(printContent);
window.print();
$("body").html(originalContent);
});使用打印样式表
可以通过添加打印专用的 CSS 样式来控制打印效果：
<link rel="stylesheet" href="print.css" media="print">或者在现有样式表中添加：
@media print {
.no-print {
display: none;
}
.print-only {
display: block;
}
}打印前触发事件
可以在打印前执行一些操作，如隐藏不需要的元素：
window.onbeforeprint = function() {
$(".no-print").hide();
};
window.onafterprint = function() {
$(".no-print").show();
};使用打印插件
对于更复杂的打印需求，可以考虑使用 jQuery 打印插件，如 jQuery Print Page：
$("#printButton").click(function() {
$("#printableArea").printPage();
});注意事项
- 打印预览在不同浏览器中表现可能不同
- 某些浏览器可能会阻止弹出窗口式的打印
- 打印样式需要专门测试
- 图片和背景颜色的打印效果可能需要额外设置
以上方法可以根据具体需求选择使用，简单打印需求使用原生 window.print() 即可，复杂需求可能需要结合多种方法实现。
