脱 jQuery メモ

（ネイティブJavaScript、Vanilla JS、Pure JavaScript）

イベントハンドラ

document.getElementById('btnFileImport').addEventListener('click', function() {
    hogehoge();
});

非同期実行

fetch('/getCityListByPrefectureCd/' + val, {
  method: 'GET',
  Content-Type: 'application/json'
})
.then(res => res.json())
.then(jsonData => {
  list = JSON.parse(jsonData.data)
  hoge()
  UndispLoading();
  return;
})
.catch(error => { console.log(error); });

クエリセレクタ

document.querySelector('#lblFileProperty').innerHTML = "HogeFooBar";

クラス加除

element.classList.add('hoge');
element.classList.remove('hoge');

どちらかと言えば、最初はネイティブなJavaScriptをがりがりコーディングしてた人間だから戻ってきた感じではあるが、当時はIEを最優先で考える必要があって最たるものはfetchやpromiseが動作しないんだったと記憶してる。
業務では今もほとんどjQuery頼みではあるんだが、もうやめていきたい。
こういう話をすると「なぜやめる必要があるか」論争になるんだが、その前に「どうして今これに頼ってるんだっけ」を語ってほしい。IE縛りだったからでしょ？そうじゃなくなった今、再考の時期にあるよねってそれだけなのに。