disable all controls in the page using jquery

Question

How to disable all the controls(buttons, anchor, textbox,...) in the page using jquery. I need this to show a preview of a page, in which i don't want to the user to click anything.

Answer 1

This may work:

$(document).click(function(evt){ evt.preventDefault; });

Answer 2

The best way will be to show a div on top of all other elements. Make the stacking order of this div to be the highest in the document so that click won't be made on any other elements.

Specifying the stack level: the 'z-index' property

Answer 3

$("#id_button").attr("disabled","disabled");

or

$(".class_buttons").attr("disabled","disabled");

or

$(":input").attr("disabled","disabled");