jQueryにおける単一の属性-プロパティの変更

要素のプロパティと属性を混同しないことが重要です。 DOMツリーが作成されるとき、属性は要素の対応するDOMプロパティに変換されます。それらの名前と値は常に一致するとは限りません。

一部のプロパティは対応する属性を持たない場合があり、それらの場合にはpropメソッドを使用する必要があります。このメソッドは第一引数にプロパティ名、第二引数にtrueまたはfalseを受け取ります。

trueを設定するとプロパティが有効になり、falseを設定すると削除されます。

次の例を見てみましょう。入力フィールドがあるとします:

<input type="text" id="test">

この入力フィールドにdisabled属性を設定してみましょう:

$('#test').prop('disabled', true);

HTMLコードは次のようになります:

<input type="text" id="test" disabled>

次に、逆にdisabledを削除します:

$('#test').prop('disabled', false);

HTMLコードは次のようになります:

<input type="text" id="test">