- 開発技術
jQuery使い方まとめ
- #jQuery
この記事を書いたチーム：tenko
インストール
【エンジニア募集中】フルリモート可◎、売上/従業員数9年連続UP、平均残業8時間、有給取得率90％、年休124日以上 etc. 詳細はこちらから＞
|
1 |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> |
テキストボックス
値(value)の取得
|
1 |
var value = $('#id名').val(); |
値(value)の変更
|
1 |
$('#id名').val('変更後の値'); |
プルダウン
選択している値(value)の取得
|
1 |
var value = $('#id名').val(); |
選択している値の表示テキストを取得
|
1 |
var text $('[id=id名] option:selected').text(); |
選択している値(value)の変更
|
1 |
$('#id名').val('変更後の値'); |
選択項目(option)をすべて削除
|
1 |
$('#id名').children().remove(); |
値(value)を指定して選択項目(option)を削除
|
1 |
$('#id名').children('option[value=値]').remove(); |
チェックボックス
チェック状態を取得（ONの場合はtrue、OFFの場合はfalseを取得）
|
1 |
var checked = $('#id名').prop('checked'); |
チェック状態を変更する
|
1 2 3 |
$('#id名').prop('checked', true); // チェック状態をONに変更 $('#id名').prop('checked', false); // チェック状態をOFFに変更 |
【エンジニア募集中】フルリモートも◎(リモート率85.7％)、平均残業8時間、年休124日以上、有給取得率90％ etc. 詳細はこちらから＞
