jQueryとJavaScriptのclickイベントの書き方について

ショコラ

jQueryとJavaScriptのclickイベントの書き方について

JavaScript の場合は、addEventListener を使う感じですかね

もっさん先輩

jQuery

$('.btn').on('click',() => {
  alert('クリック！')
})

jQuery 追加されたエレメントにも対応する書き方。

$(document).on('click','.btn',() => {
  alert('クリック')
})

addEventListener

document.querySelector('.btn').addEventListener('click',() => {
  alert('クリック！')
})

addEventListener 追加されたエレメントにも対応する書き方。

document.addEventListener('click',ev => {
  if (ev.srcElement.classList.contains('btn')) {
    alert('クリック！')
  }
})

以上