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

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';
});

希望这有帮助。