Disabling an element in jquery 1.6

Question

With the release of jQuery 1.6, the recommendation on SO has been to generally start using prop() where you used to use attr().

What happens when I want to disable an element?

$('.control').prop('disabled', 'disabled');
$('.control').prop('disabled', true);

Neither of these seem to disable the control. Is disabling an element the exception to the rule?

UPDATE And turns out the reason the element wasn't being disabled was because of a line I had that ran before the lines above:

$('.control').removeProp('disabled');

In enabling controls, I had got used to using .removeAttr() so figured .removeProp would be enough. Instead, use the following to enable controls:

$('.control').prop('disabled', false);

Answer 1

Make sure you haven't .removeProp('disabled') on the element you're trying to disable.

Answer 2

$('.control').prop('disabled', true);

works fine for me.

Alternatively use

$('.control').attr('disabled', 'disabled');

Update:

But even $('.control').prop('disabled', 'disabled'); or $('.control').attr('disabled', true); disable the element too. So if it does not work for you, the question is really which element you are trying to disable. Can it be even disabled?

Answer 3

Use .prop('disabled', true).

http://jsfiddle.net/mattball/BaLHf/