Essayer de nettoyer jquery/javascript et penser plus fonctionnellement

Question

Je suis nouveau et j'essaie de penser plus fonctionnellement et de nettoyer mon code-le rendre plus sec ... J'ai essayé d'utiliser ceci avec hover et ça ne marchera pas. Je sais que je manque quelque chose de simple et de facile, mais ... merci d'avance pour de l'aide.

$('#phone').on({ 
     mouseenter: function() {$(this).attr('src','../web-marketing/images/PhoneBlue.png')}, 
     mouseleave: function() {$(this).attr('src','../web-marketing/images/Phone4.png')}}); 

    $('#email').on({ 
     mouseenter: function() {$(this).attr('src','../web-marketing/images/EmailBlue.png')}, 
     mouseleave: function() {$(this).attr('src','../web-marketing/images/Email4.png')}}); 

    $('#live-chat').on({ 
     mouseenter: function() {$(this).attr('src','../web-marketing/images/ChatBoxBlue.png')}, 
     mouseleave: function() {$(this).attr('src','../web-marketing/images/ChatBox4.png')}}); 

Answer 1

S'il vous plaît essayer, mais rappelez-vous téléphone, email et chat en direct doit être id de la balise d'image

$('#phone').hover(
    function() {$(this).attr('src','../web-marketing/images/EmailBlue.png');}, 
    function() {$(this).attr('src','../web-marketing/images/Phone4.png');} 
); 


$('#email').hover(
    function() {$(this).attr('src','../web-marketing/images/EmailBlue.png');}, 
    function() {$(this).attr('src','../web-marketing/images/Email4.png');} 
); 


$('#live-chat').hover(
    function() {$(this).attr('src','../web-marketing/images/ChatBoxBlue.png');}, 
    function() {$(this).attr('src','../web-marketing/images/ChatBox4.png');} 
);