備忘録）jqueryイベント時のアロー関数のthisについて

jqueryでアロー関数を使って詰まったので忘れないようメモ

概要

クリックイベント時にアロー関数を使い$(this)を使おうとしたところ
undefinedになった。

結論

$('#btn').on('click',(event) => {
 event.preventDefault();
 const $this = $(event.currentTarget);
 $this.css('text','red');
});

アロー関数ではファンクション関数の呼び出し元を指すのではなく、
windowsオブジェクトがthisとなる、アロー関数ではイベント命令であれば引数のイベントからevent.currentTargetを使うとthisと同じ挙動になる
※引数を受け取らないものではthisは使えないのでファンクション関数を使う

参考サイト