jquery实现根据不同class为多个按钮添加点击事件

一、实现功能

在项目中需要添加几个button来实现点击不同的button就可以设置字母的颜色。但是button上面不能有文字。所以不能根据$('button').html()获取button的文字来设置颜色。最后想出使用button的class的不同来设置颜色。

在这里使用div来取代button，这样的显示效果更好，不用受button自带效果的影响。

二、具体实现

main.js中的实现代码如下：

var colorSelect  = {
  'one': 'F08080',
  'two': 'ADD8E6',
  'three': 'FFFF00',
  'four': 'FFA07A',
  'five': '90EE90',
  'six': <