jQuery 클릭 효과

Question

안녕하세요. 저는 현재 사용자가 다른 이미지로 이동할 때 버튼을 디자인하고 있습니다.

$(document).ready(function(){ 
    $(".button").hover(function() { 
     $(this).attr("src","button-hover.png"); 
    }, function() { 
     $(this).attr("src","button.png"); 
    }); 
}); 

사용자가 이미지를 클릭하면 다른 이미지로 바뀌는 세 번째 '클릭'기능을 추가하는 방법에 대해 궁금합니다. 미리 감사드립니다.

Answer 1

$(function(){ 
    $(".button").hover(function() { 
     $(this).attr("src","button-hover.png"); 
      }, function() { 
     $(this).attr("src","button.png"); 
    }).click(function() { 
     $(this).attr("src","button-click.png"); 
    }); 
}); 

커서를 올리면 버튼을 클릭 할 때 이미지가 변경되기를 원한다고 가정합니다. 또한 button-click.png이라는 파일이 있다고 가정합니다.

Answer 2

문제 없습니다. 내 코드가 추가되었습니다. . (; 을 {// 당신에 따라 참 또는 거짓 이벤트가 을 전파 false를 돌려 반환} 기능())

$(document).ready(function(){ 
    $(".button").hover(function() { 
     $(this).attr("src","button-hover.png"); 
    }, function() { 
     $(this).attr("src","button.png"); 
    }); 

    //added click function below 
    $(".button").click(function() { 
     //do click actions here 
    }); 
}); 

Answer 3

$ ('div.search은')을 클릭합니다;