Javascript JS文件中的多个函数

我想在我的JS文件中有多个函数。只是不知道如何做到这一点，因为我对JavaScript缺乏经验。这是我的

$(function(){
  $('.incentives').hide();

  $('.incentives-click').on("click", function(){
    $('.incentives').fadeToggle();
  });

    $('.incentivesB').hide();

  $('.incentivesB-click').on("click", function(){
    $('.incentivesB').fadeToggle();
  });

})();

我正在尝试添加一点，当我将鼠标悬停在上面时，它会使图像发生变化

$(function onHover(){
    $(".button").attr('src', 'images/donate2.png');
)}

$(function offHover(){
    $(".button").attr('src', 'images/donate1.png');
)}

奖金

还试图让图像（.click）在单击时切换。我有一个关于如何去做这件事的想法，但如果有人也想帮忙，我将不胜感激

谢谢。

我写了一封信。您应该能够修改它，以满足您的需要，只需很少的努力

您也可以从一个jQuery插件样板开始，例如：

---

你看过

.toggle（）

吗？我有一点。就像我说的我是新手。我打算用它作为奖励：点击时改变图片。链接到你的插件不是一个好的答案。张贴代码。如果链接消失了，这个答案就没用了。这看起来不错，但我不能让悬停功能正常工作。不知道为什么。这是HTML

@user2036459为什么要为锚点设置src？你要为thr img设置src。在JS中应该是这样的：

$（'img'，this.attr（…）

@user2036459，将anchor和img放在同一级别的div下可能是更好的做法。我刚刚从PayPal复制了链接，并在我的图像中切换。是的。奇怪的是罪魁祸首。我都没想到。非常感谢。

$(function(){
    $('.button').hover(function(){
        $(this).attr('src', 'images/donate2.png')
    }, function(){
        $(this). attr('src', 'images/donate1.png');
    });

    $('.button').on('click',function(){
        $(this).toggle(function(){
             #change_image1
        }, function(){
             #change_image2
        });
    });
});