javascript - 如何定义可打印区域？

Question

在我的应用程序中，有很多内容，我想使用 jQuery print 整个页面 - 我可以使用 window.print() - 以防万一如果我想从内容中打印位置的一部分，如何在页面中单独定义可打印的部分..

像这样的东西:

<div id="printable">
    <p>Print this div!</p>

</div>

<button> Print Contents </button>

$('button').on('click', function(){
    var printable = $('#printable');
    window.print(printable);
});

我在这里添加的另一个请求是，在应用程序中的某个时间，我得到了分页的多个结果。我也想打印所有页面……正确的方法是什么。是否使用 jQuery 或任何其他 plug-ins ？

提前致谢。

请在这里请求更新:

Live Demo

Answer 1

使用@media属性

<style type="text/css">
    @media print
    {
        body * { visibility: hidden; }
        #printable * { visibility: visible; }
    }
</style>

Demo Fiddle