转换jQuery和Vanilla JS

Question

我正在尝试将此jQuery代码转换为普通js

$(".gone").click(function(){
  $(this).hide();
});

有什么帮助吗？

Answer 1

您可以尝试使用querySelectorAll()和forEach()和addEventListener()

var gone = document.querySelectorAll(".gone")
Array.from(gone).forEach(function(g){
  g.addEventListener("click", function(){
    this.style.display = "none";
  });
});

<div class="gone">Gone 1</div>
<div class="gone">Gone 2</div>
<div class="gone">Gone 3</div>