前端开发实现（四）按钮选中后颜色变化.pdfVIP

前端开发实现（四）按钮选中后颜⾊变化 今天我要实现的按钮的动态选中，就是说在⼀排按钮中选中某个按钮，这个按钮就会变⾊，其他按钮恢复原来颜⾊，⽬的是为了让⼈知道⾃ ⼰选中了哪个按钮，知道⾃⼰做了什么。 功能其实不是很难，只需要使⽤jQuery的功能就能实现： 分析⼀下思路，使⽤this进⾏判断当前是哪个按钮被选中了，然后⽤$().css改变当前按钮的颜⾊，在进⾏修改前需要进进⾏⼀个判断，⾸先 把所有未被选中的按钮的颜⾊改变为默认颜⾊，这样做的⽬的是将之前选中的按钮样式还原。借此起到选中哪个按钮，哪个按钮改变颜⾊的 效果。 下⾯上代码：html div id=SupendButton-one class=button button-primary button-small onclick=SupendButtonClick(this); pone/p /div div id=SupendButton-two class=button button-primary button-small onclick=SupendButtonClick(this); ptwo/p /div div id=SupendButton-three class=button button-primary button-small onclick=SupendButtonClick(this); pthree/p /div 这⾥就只上按钮部分代码，其他部分不⽅便透露 备注：使⽤了ID选择器的⽅法 js代码： function SupendButtonClick(obj) { //清空其它同类按钮选中颜⾊ $(div[id^=SupendButton-]).css(background-color, #4cb0f9);//按钮原来颜⾊ //点击后变⾊ $(obj).css(background-color, red); }