将jQuery添加到js代码中

Question

我想使用jQuery来创建这个语句，但是不能让它工作。在这个声明中，我点击我的html中的图像并将其更改为新图像（img / HeaderImg2.jpg）请帮忙。

  var imageButton = document.getElementById('headerImg');
  imageButton.addEventListener('click', function(e)
  {
   console.log(e);
   imageButton.src ='img/HeaderImg2.jpg';
  } ,false);

Answer 1

试试这个：

$('#headerImg').on('click',function(e) {
    console.log(e);
    $(this).attr('src','img/HeaderImg2.jpg');
});

顺便说一句，如果你能够这样做，最好使用除了使用jQuery之外的vanilla javascript。