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版本，可以引用jQueryMigrate插件，继续使用toggle；或者采用上面的方法