1、引jQuery，然后定义元素的style样式，根据自己的元素来定义，这里随性定义div的style样式。
2、接着我们看样式所带来的效果，接着开始设置点击按钮会产生变化颜色等交互效果。
3、首先，自然是指定好触发变化颜色的事件，可以是经过触发等，这里我就点击即可触发颜色变化。
4、用css()便可以覆盖原来元素的样式了哦。
5、如果是修改元素单个样式，要用逗号隔开，不可以使用冒号哦。
6、这样就可以得到交互效果了，但是这只是一个样式的效果发生了变化，
7、可以用大括号裹住多个样式，逗号分隔样式，然后样式值用冒号
8、最后样式交互就大功告成了，多个样式就会被修改了
css属性和值的区别
css属性为：用于选取带有指定属性的元素、对带有指定属性的 HTML 元素设置样式。
css的属性包括：动画、背景、边框和轮廓、框、颜色、内容页的媒体属性、尺寸、盒子模型等知识。
css属性值：某属性所具备的值！
举例：
属性：font-weight
属性值有：normal（正常）、bold（粗体）、bolder（特粗）、lighter（细体）外，还有9种以像素为度量为单位的设置方式。
看代码：
效果图：
JS可以使用css属性来进行样式修改，并且不仅可以修改单一属性，也可以同时修改多个属性。
案例以下小案例使用JQuery作为演示。
前提： html页面首先必须引入JQuery，放置在body体最后的位置。例如：
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script>html部分代码
<p>我是一个段落，我没有背景颜色的，但是JQuery会给我增加背景颜色。
</p>
<button>
点击我，给上面段落添加黄色背景颜色。
</button>
JQuery代码
$("button").click(function(){$("p").css("background-color", "yellow")
})
修改多个属性
$("button").click(function(){$("p").css({"background-color": "yellow", "font-size": "200%"})
}) 结论与解释：
首先使用Jquery选择器进行元素选择 - $("button")
为该元素绑定点击事件 - click
click中的匿名函数修改css属性。
在css属性的修改中，p段落有了黄色背景； 多个属性修改，不但有了黄色背景而且字体是之前的两倍大小。
注意事项：可以不用非要绑定事件，在本案例中，绑定事件是为了更好地演示Jquery如何操作css属性。
修改单一属性和多个属性的写法是有区别的，多个属性使用{},属性与值之间用：分割，属性与属性之间用，分割。
