マウスが乗ったとき／外れたときの処理 hoverイベント .hover()

マウスカーソルがセレクタの要素の上に
乗ったとき／外れたときの処理の記述をメモ。

.hover()を使います。

$('#global-nav li').hover(
  function(){
    // マウスが乗った時の処理
    $('#overlay').addClass('-open');
  },
  function(){
    // マウスが外れた時の処理
    $('#overlay').removeClass('-open');
  }
);

なんか分かりやすく。。と思って
#global-nav内のli要素にマウスが乗った時に
#overlayに ”-open” というクラスを追加、
マウスが外れた時にクラスも削除という記述を残しておきました。

少しずつ覚えてゆく。。。