propメソッド
propメソッドは、要素のプロパティを取得および
変更することができます。
要素のプロパティと属性を混同しないことが重要です。
DOMツリーが作成されるとき、属性はそれらに対応する
DOM要素のプロパティに変換されます。それらの
名前や値が常に一致するとは限りません。
一部のプロパティは対応する属性を持たないこともあり、
propメソッドを使用した場合にのみ
取得および設定することができます。例えば、
tagNameプロパティです。
要素の属性を取得するには、
attrメソッドを
使用してください。
構文
プロパティ値の取得：
$(セレクタ).prop(プロパティ名);
プロパティ値の変更：
$(セレクタ).prop(プロパティ名, 新しい値);
複数のプロパティ値の変更：
$(セレクタ).prop({プロパティ1: 新しい値1, プロパティ2: 新しい値2, ...});
セット内の各要素に関数を適用：
$(セレクタ).prop(プロパティ名, function(セット内の番号, プロパティの現在の値));
例
次の例では、idによって段落を取得し、
そのclassNameプロパティの値を画面に出力します：
<p id="test" class="aaa">テキスト</p>
let value = $('#test').prop('className');
console.log(value);
例
classNameとdisabledのプロパティを
同時に変更してみましょう：
<input type="checkbox" class="aaa" id="test" />
$("#test").prop({ className: 'bbb', disabled: 'true' });
関連項目
-
要素のプロパティを削除できるメソッド
removeProp -
要素の属性を操作できるメソッド
attr
