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

不是问题。这是我添加的代码。

$(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'）。单击（功能（）{ 返回false; //依赖于您返回true或false传播事件 } ）;

jQuery单击效果

3 个答案: