首頁(yè) 猿問(wèn) jquery 來(lái)回替換圖片

jquery 來(lái)回替換圖片

JavaScript

呼啦一陣風(fēng) 2019-04-06 16:57:07

$(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"; } })})請(qǐng)問(wèn)一下要怎么寫(xiě)才能在下次點(diǎn)擊的時(shí)候把images/play.png給替換回來(lái)呀！

查看完整描述

2 回答

蝴蝶不菲

TA貢獻(xiàn)1810條經(jīng)驗(yàn) 獲得超4個(gè)贊

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

反對(duì) 回復(fù) 2019-04-06

慕婉清6462132

TA貢獻(xiàn)1804條經(jīng)驗(yàn) 獲得超2個(gè)贊

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