摘要：而且它还是只读的属性，所以通过来改变样式，如果不能修改文件的情况下，只能采用內联。一般的思路就是，先看看有没有內联，如果没有內联，就走一般流程。
欢迎来我的专栏查看系列文章。
样式操作也是 jQuery 比较常用的一个操作，就我本人而言，这个 css 函数用多了，感觉自己有点傻乎乎的，主要还是自己不了解 js 中 css 的真正含义。
不过现在不怕了。
开始之前，先抛开 jQuery，我们来看看一个有趣的面试题（据说是一道微信面试题）。
一道很有深度的面试题用原生的 js 获得一个 HTML 元素的 background-color，当然，这只是一个引入，为什么不是 color，为什么不是 font-size？
css 渲染的优先级写过 css 样式的同学都知道，css 是有优先级区分的，!important优先级最高，內联优先级其次，id，类和伪类，元素和伪元素。优先级会按照顺序依次比较，同一级别相同则看下一级别，优先级相同，后面会覆盖前面。
比如，就像理科生排成绩，规定 总分 > 数学 > 语文 > 英语，如果 A，B 两人总分一样，就看数学成绩谁高，数学成绩一样，就看语文成绩谁高，以此类推。
记得在一家公司实习的时候（初学者），那个时候修改网站的主页样式，由于找不到样式对应，就大量使用 !important，并把所有样式都写在样式标的最后，估计，后面接手的人要气炸吧。
问题来了，对于任意的一个 elem，DIV 也好，P 也好，都只会保留一个 style 样式表，一般可以通过 getComputedStyle 函数或 IE 的 currentStyle 参数活动（万恶的 IE，现在 jQuery 已经不支持低版本 IE，连淘宝都不支持 IE8 了）。无论这个样式表是通过前面哪个优先级获得的，但它一定是唯一且只有一个。而且它还是只读的属性，所以通过 JS 来改变样式，如果不能修改 css 文件的情况下，只能采用內联。
內联有两种，一种是在 elem 上添加一个 style 属性，还有一种是在 HTMl 新建一个