javascript - 一个 JS 文件中的多个函数

Question

我想在我的 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');
)}

奖金

还尝试让图像 (.incentives-click) 在单击时也进行切换。我有一个关于如何解决这个问题的想法，但如果有人也想帮助解决这个问题，我将不胜感激。

谢谢。

Answer 1

$(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
        });
    });
});