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；或者采用上面的方法