首頁猿問 jquery 來回替換圖片

jquery 來回替換圖片

JavaScript

眼眸繁星 2019-04-07 09:37:41

$(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給替換回來呀！

查看完整描述

2 回答

守著星空守著你

TA貢獻1799條經(jīng)驗獲得超8個贊

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

反對回復(fù) 2019-04-07

蝴蝶刀刀

TA貢獻1801條經(jīng)驗獲得超8個贊

如果是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插件，繼續(xù)使用toggle；或者采用上面的方法