jQuery样式操作

                                 jQuery样式操作

 ~~开发工具与关键技术： 前端
作者：梁锦豪   
撰写时间：2019/4 / 10
~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

我们可以通过.css（）的方式可以很容易动态的去改变一个样式的属性，不需要和.addClass（）一样去繁琐的定义个Class类的规则。一般来说在不确定开始布局规则，通过动态生成的HTML代码结构中，是同过.CSS（）这个方法处理的。
通过JavaScript获取到dom元素上的style属性，我们可以动态的给元素赋予样式属性，这个方法较为麻烦。所有在jQuery中就封装了更为简便的方法，当我们要动态的修改style属性时，我们只要使用css（）方法就可以实现了。
.css() 方法：获取元素样式属性的计算值或者设置元素的CSS属性
            获取：
                .css( propertyName ) ：获取匹配元素集合中的第一个元素的样式属性的计算值
                .css( propertyNames )：传递一组数组，返回一个对象结果
            设置：
                .css(propertyName, value )：设置CSS
                .css( propertyName, function )：可以传入一个回调函数，返回取到对应的值进行处理
                .css( properties )：可以传一个对象，同时设置多个样式
注：绿色部分引用自资料
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190417215750724.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0MDM3NA==,size_16,color_FFFFFF,t_70)
注：代码来自老师的教程
除了.css（）这个方法外还有.addClass（）可以对jQuery进行样式操作。.addClass与.css方法各有利弊，一般是静态的结构，用addClass的方法；如果要动态的HTML，在不确定规则或者说经常变化的情况之下，一般建议使用.css（）这个方法。如果同时使用两种方法，那么就存在一个优先级：
样式的优先级：
        css的样式是有优先级的，当外部样式、内部样式和内联样式同一样式规则同时应用于同一个元素的时候，优先级如下
        外部样式 < 内部样式 < 内联样式
        .addClass()方法是通过增加class名的方式，那么这个样式是在外部文件或者内部样式中先定义好的，等到需要的时候在附加到元素上
        通过.css()方法处理的是内联样式，直接通过元素的style属性附加到元素上的
        通过.css方法设置的样式属性优先级要高于.addClass方法
注：绿色部分来自网络