作者简介：大家好，我是阿牛，全栈领域新星创作者。 个人主页：馆主阿牛 支持我：点赞+收藏⭐️+留言 系列专栏：硬泡 javascript格言：迄今所有人生都大写着失败，但不妨碍我继续向前！
上期传送门：
初识 Javascript（揭开javascript的神秘面纱）
javascript中的数据类型
javascript中的数据类型转换
javascript 基础案例（循环）
面试官最爱考的 javascript 预解析，你搞明白了吗？
“撩过”c++的对象，“拿捏”了python的对象，你还怕拿不下javascript的对象吗？
javascript 内置对象Math总结及其案例
javascript 内置对象Date总结及案例
解锁前端密码框常见功能做法
前端实现动态生成表格，是蒸的C
四行js代码让别人无法复制你的网站文字，八行程序员都哭了
目录
个人简介 前言
排他思想（算法）
案例-点击按钮变色 案例-换肤效果案例-表格隔行变色案例-表单全选与取消全选（重要） 结语
前言在学习前端js操作元素的时候，往往有很多的案例的做法的思想都是一样的，我们一定要会。本篇文章将从几个小demo入手，带你领略js的风采。
很常见的一些案例，一定要学会哦！！！
排他思想在我们前端开发中十分的常见，因此我打算在写这些案例之前简单讲一讲排他思想，不只在这篇博客，我后面的前端小demo也会用到排他思想，这在我们前端开发中很常见，用处很广，所以你一定要掌握哦！
一句话总结排他思想：
干掉其他人,留下我自己
案例-点击按钮变色如果有同一组元素，我们想要某一个元素实现某种样式，需要用到循环的排他思想算法：
1．所有元素全部清除样式（干掉其他人）
2．给当前元素设置样式（留下我自己）
3．注意顺序不能颠倒，首先干掉其他人，再设置自己
分析：首先循环为每一个按钮注册事件，然后点击按钮添加背景色之前，清除之前以点击过的样式，最终为点击的按钮添加新样式。
1.代码
document
2.动图演示
案例-换肤效果分析：为列表框的图片循环注册事件就行，点击列表框的图片改变body的backgroundImage的属性值url就行。
1.代码
document
2.动图演示
分析：这个案例我们完全可以用css中的:hover实现而且非常简单，这里我们练一下js,同样的还是循环注册事件，当鼠标滑动到对应的行时，将该行的class属性改为带有背景色的bg,当鼠标滑出该行时，去除掉该行的class属性就行。
1.代码
document
