Disable all controls on the page using jquery

Question

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

Answer 1

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

or

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

or

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

Answer 2

This may work:

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

Answer 3

The best way is to show the div on top of all the other elements. Make the stack order of this div the highest in the document so that the click is not performed on any other elements.

Stack Level Indication: "z-index" Property