Возникли проблемы с получением функции наведения для работы с этим кодом

Question

Так что мне нужно иметь возможность парить над лицом в # 3, и оно меняется на липкое лицо и обратно, но это просто не будет работать

<section id="three">
<p class="desc">3. Create a hover event that will change the image from happy to gooey (and back again) then create a double click event that will change the image to angry.</p>
<img src="images/happyface.png" alt="face">

       `$("three img").hover(function(){
        $(this).attr({src:"images/gooeyface.png"})
       }),
       function(){
        $(this).attr({src:"images/happyface.png"});
       };`

Answer 1

Селектор отсутствует '#' Использовать это $ ("# three img")

Answer 2

Добавьте #three img в ваш код вместо three img, потому что здесь three - это идентификатор, а id записываются следующим образом

 $("three img").hover(function(){
        $(this).attr({src:"images/gooeyface.png"})
       }),
       function(){
        $(this).attr({src:"images/happyface.png"});

       };