如何使用javascript/jquery在打印页面上设置div内容的样式？

使用JavaScript/jQuery在打印页面上设置div内容的样式可以通过以下步骤实现：

首先，确保在HTML页面中引入了jQuery库，可以通过以下代码在<head>标签中添加引用：

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

在需要设置样式的div元素上添加一个唯一的id属性，例如：

<div id="myDiv">这是一个示例div</div>

使用JavaScript/jQuery代码来设置div的样式。可以通过以下代码来设置背景颜色、字体颜色等样式：

<script>
$(document).ready(function() {
  // 设置div的背景颜色为红色
  $("#myDiv").css("background-color", "red");
  
  // 设置div的字体颜色为白色
  $("#myDiv").css("color", "white");
  
  // 设置div的字体大小为20像素
  $("#myDiv").css("font-size", "20px");
});
</script>

最后，在打印页面时，确保在打印之前调用上述JavaScript/jQuery代码来设置div的样式。可以通过以下代码在打印按钮点击事件中调用：

<script>
$("#printButton").click(function() {
  // 设置div的样式
  $("#myDiv").css("background-color", "red");
  $("#myDiv").css("color", "white");
  $("#myDiv").css("font-size", "20px");
  
  // 执行打印操作
  window.print();
});
</script>

以上代码中，#printButton是一个用于触发打印操作的按钮的id。当点击该按钮时，会先设置div的样式，然后执行window.print()来触发浏览器的打印功能。

这种方法可以在打印页面上动态设置div的样式，以满足打印需求。