jquery 来回替换图片

Question

$(document).ready(function() 
{ 
	$("#id_play").click(function(e)
	{ 
		if(document.getElementById("id_play").src = "images/play.png")
		{
			document.getElementById("id_play").src = "images/stop.png";	
		}
	})
})

请问一下要怎么写才能在下次点击的时候把images/play.png给替换回来呀！

Answer 1

(function($){
	$(document).ready(function(){
		$('#id_play').click(function(){
			$(this).attr('src',$(this).attr('src')=='images/play.png'?'images/stop.png':'images/play.png');
		});
	})
})(jQuery);

Answer 2

如果是JQuery1.9以前的版本，可以使用toggle

$(document).ready(function()
{
	$("#id_play").toggle(
		function(e){
			$("#id_play").attr("src","images/stop.png");	
		},function(e){
			$("#id_play").attr("src","images/play.png");	
		}
	);
});

如果是JQuery1.9版本，可以引用jQuery Migrate插件，继续使用toggle；或者采用上面的方法

Answer 3

判断的时候少了一个等号吧，你那好像是赋值