jquery - 如何使用 jquery 替换单击事件上的链接按钮的图像

Question

我是 jquery 的新手。我在视图页面中有以下链接按钮

<div id = 'image'>
<%= link_to_function image_tag("play_images.jpeg",:width => 30, :height => 30,:align => 'left', :title => 'Play'),:id => 'play'%>
</div>

这将是什么jquery ..

jQuery("#play").click(function() {
       //What to write here to replace image of button

});

Answer 1

jQuery("#play").click(function() {
       //What to write here to replace image of button
   jQuery(this).css('background-image','your_image_url');
});

Answer 2

link_to_function image_tag

将生成一个图像标签。您只需要更改图像的 src 属性。

$("#play").click(function() {
   this.src = 'path_to_your_image.jpg';
});

希望这可以帮助。