jquery如何实现按钮a点击后更换按钮a的背景图片为a.gif,点击按钮b按钮a背景图片还原,b的背景图片为a.gif
展开全部
按钮a 的id='a'
按钮b 的id='b'
含a.gif 的样式名为‘classA’
$("#a").click(function(){
this.addClass('classA');
$("#b").removeClass('classA'); //若还有其它按钮要移除 则要循环 可以用each
})
$("#b").click(function(){
this.addClass('classA');
$("#a").removeClass('classA');
})
按钮b 的id='b'
含a.gif 的样式名为‘classA’
$("#a").click(function(){
this.addClass('classA');
$("#b").removeClass('classA'); //若还有其它按钮要移除 则要循环 可以用each
})
$("#b").click(function(){
this.addClass('classA');
$("#a").removeClass('classA');
})
展开全部
<input type='button' id='a' value='按钮a' style='backgroundImage:goback.gif'/>
<input type='button' id='b' value='按钮b'/>
JS:
// 监听单击事件
function addListener(){
$("#a").click(AclickHandler);
$("#b").click(BclickHandler);
}
function AclickHandler(){
$("#a").css("backgroundImage","a.gif");
}
function BclickHandler(){
$("#a").css("backgroundImage","goback.gif");
$("#b").css("backgroundImage","a.gif");
}
<input type='button' id='b' value='按钮b'/>
JS:
// 监听单击事件
function addListener(){
$("#a").click(AclickHandler);
$("#b").click(BclickHandler);
}
function AclickHandler(){
$("#a").css("backgroundImage","a.gif");
}
function BclickHandler(){
$("#a").css("backgroundImage","goback.gif");
$("#b").css("backgroundImage","a.gif");
}
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询