基礎

【初級編】 

①hideメソッド、showメソッド 

②fadeIn、fadeOut 

③slideUp、slideDown 

④clickイベント 

⑤cssメソッド 

⑥textメソッド、htmlメソッド 

⑦this構文 

⑧変数を使おう 

⑨メソッドチェーンを使おう 

⑩findメソッド、childrenメソッド 

⑪hoverイベント 

【中級編】 

①モーダルの表示・非表示 

②addClassメソッド 

③removeClassメソッド 

④アコーディオンメニュー 

⑤hasClassメソッド 

⑥if文を用いた開閉操作 

⑦アコーディオンのスライド操作 

toggleClassメソッド 

指定したクラス名の CSS がある場合は削除を行い、なければ追加するというメソッド 

addClassとremoveClassの混合バージョン的イメージ 

on()メソッド 

さまざまなイベント処理を記述するために使われるメソッド 

mouseover()メソッド 

マウス系のイベント処理でカーソルが特定のHTML要素内に入った時に処理を実行 

hover()との違い 

hover() は mouseover() と違って、子要素から親要素へのバブリングが起きません。 バブリングとは、「ある要素でイベントが発生した際に、親や祖先要素にも同じイベントが発生する事」です