回复内容：
楼上这些人啊 你们能循循渐进的跟题主讲嘛
都说了题主刚学 那只是一个鼠标悬浮:hover样式 不涉及任何事件
就算类比事件 题主都不知道事件委托
建议题主到http://www.w3school.com.cn/ 或者慕课网 或者任何一家在线培训机构下载html css和 JavaScript免费教程学习下 比如 某传智播客 等等 或者诸如 百度前端技术学院 都有前端基础培训
PS 上面只是列举一些网站 不涉及推广 另外不推荐花钱买培训，想学靠自己就OK
你说的这个，元素如果多的话应该都是循环出来的。点击事件也是绑在元素上的，根据点击不同的元素，传一个id或者其他的东西到js逻辑代码中，进行处理。你说的给class加事件真没听过，貌似没人这么用过。你再看看一会有没有人这么用过吧。
使用事件委托
可以先写好样式，点击添加类名
跟class绑定事件没关系，事件是绑定在元素上的，你可以先通过class获取到元素，然后循环添加事件，这个用jq做一行代码就搞定了。
$(选择器).on('click'，function(){});
css中的伪类。:hover,或者个它一个类名，getElementsByClassName('类名'),给他遍历加上onmouseover=function（）｛你要的函数，功能｝