jquery - 创建按钮点击效果 - JQuery

Question

我想知道如何使用 JQuery 重新创建按钮按下效果。

我的想法是在哪里使用鼠标单击事件将图像更改为按下的图像，而不是在鼠标释放后返回原始图像。你对我能做到这一点的方法有什么想法或想法？

Answer 1

那应该行得通。代码将是：

$("#button").mousedown(function(){
$("#img").attr("src", "img2.jpg");
})
$("#button").mouseup(function(){
$("#img").attr("src", "img1.jpg");
}

希望这可以帮助！

Answer 2

让图像监听点击事件并更改图像的来源。

$('img').on('click', function() {
    var $this = $(this);

    $this.attr('src', function(i, src) {
        return src === 'something' ? 'somethingelse' : 'something' ;
    });

});

Answer 3

你到底想要什么？像这样的东西是这样的......

$('btn-img').click(function(){
   var img =  $(this).children('img'); // return object of inner img
   // your event on current img with click
}).mouseleave(function(){
   // other event on mouseleave
});

网页：

<a class="btn-img">
    <img src="yourImage.jpg" />
</a>