如何定义可打印区域？

Question

在我的应用程序中，有很多内容，我希望print整个页面使用jQuery - 我可以使用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