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

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

or

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

or

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