jQuery实现简单的按钮颜色变化

这篇文章主要为大家详细介绍了jQuery实现简单的按钮颜色变化,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

在HTML和CSS中我们想要完成一个对按钮颜色的设置,虽然也可以做到想要的效果,但过程比较繁琐,利用jQuery我们就可以轻松的完成这件事情。

假设现在我们有一组按钮

当我们点击其中一个的时候让它变成粉色,再点击另一个后除了被点击的按钮全部为原始颜色,我们应该怎样做呢

其实只需要简单的几行代码即可完成

 

效果如下:

 下面是完整代码:

   Wellfancy 

可以看到,当我们使用jQuery时是不是比只用css要简单得多呢?我们可以利用更简短的代码完成更复杂的操作。

以上就是jQuery实现简单的按钮颜色变化的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » JavaScript 教程