jQuery

jQueeryを使うためにHTMLに下記のように記述

<script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js"></script>

バージョンはその都度必要なものを使用下記URL参照 https://code.jquery.com/

$( ) ... 要素をjQueryオブジェクトに変換してメソッドを使えるようにする

＊ $( )で取得した要素が複数ある場合、その全てにメソッドを実行する

$(this) ... イベントが発生した要素＊$()でjQueryオブジェクトに変換

イベントを設定するメソッド

$()で取得した要素.on('イベント名', function(){
    処理内容
})

取得した要素に()内のパラメータで指定されているクラス名がついていなければ追加、あれば削除するメソッド

$(セレクタ).toggleClass('hidden');

取得した要素にhiddenがなければ追加あれば削除

取得した要素から相対的な位置関係で別の要素を取得すること

例 )) 取得した要素のすぐ次の要素を取得

$(セレクタ).next()