js取消兄弟样式增添自己样式的简略方法

   #灵感来源

        之前上课的时候接触到这样一个案例，就是点击这个图片的时候让这个图片有红色边框，让其他的和他同类的图片的边框消失，那时候听到老师将什么this指定和什么什么函数，听得也确实头大，班上应该也什么人听懂了，就趁这篇博客来讲一下我的处理方法吧。

案例图：

#解决核心思想：代码是按照顺序运行的。

#解决思路：

        首先咱们既然要在点击这个图片的同时去掉其他所有图片的样式，那咱们就加一个for循环给每一个图片的点击事件，用这个for循环来去掉所有图片的样式，代码如下：

这样就去掉了所有的图片的边框，既然咱们去除了边框不是还得要给点击的图片加上边框吗，牢记代码是顺序执行的，那咱们就在这个for循环下面给点击的图片加上这个样式，这样就能去除掉所有的其他兄弟样式并且给自己加上样式代码示例：

#总结：

        其实不管是这个案例还是其他各种案例都可以利用这个思路来解决，无论什么时候记住代码是顺序执行的能让咱们解决很多代码难点，遇到问题不妨多从顺序这个角度思考往往会有很大的新发现，最后附上源代码:

#js源代码：