利用jQuery完成一个简单的按钮颜色变化（笔记）

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

假设现在我们有一组按钮

 

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

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

效果如下：

 

 

 下面是完整代码：

    
    
	  
    
  


   
	

		选项1
		选项2
		选项3
		选项4
		选项5
		选项6
		选项7
	
 

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