jQueryで値を取得、設定、変更する方法

値の取得方法

HTML

<button id="btn-a" value="aaa">ボタンA</button>

jQuery

var a = $(#bta-a).val();
cousole.log(a);

実行結果

aaa

値の設定方法

HTML

<button id="btn-a">ボタンA</button>

JQuery

$('#btn-a').val('aaa');

実行後のボタン要素

<button id="btn-a" value="aaa">ボタンA</button>

値の変更方法

HTML

<button id="btn-a" value="abc">ボタンA</button>

jQuery

$('#btn-a').val('aaa');

実行後のボタン要素

<button id="btn-a" value="aaa">ボタンA</button>

まとめ

・val()メソッドを使用することで値を取得、設定、変更ができる

参考文献