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.

Accepted Answer

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

or

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

or

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

disable all controls in the page using jquery

Solution

Problem