[TOC] # 2.1操作css方法: jQuery可以使用CSS方法来修改简单元素样式;也可以操作类,修改多个样式。 1.参数只写属性名,则是返回属性值 ~~~ $(this.css("color"); ~~~ 2.参数是属性名 ,属性值 ,逗号分隔 ,是设置一组样式 ,属性必须加引号,值如果是数字可以不用跟单位和引号 ~~~ $(this).css("color", "red"); ~~~ 3.参数可以是对象形式,方便设置多组样式。属性名和属性值用冒号隔开,属性可以不用加引号， ~~~ $(this).css({ "color":"white'"," font- size":"20px"}); ~~~  # 2.2设置类样式方法 作用等同于以前的classList ,可以操作类样式,注意操作类里面的参数不要加点。 1.添加类 ~~~ $( "div" ).addClass("'current"); ~~~ 2.移除类 ~~~ $( "div" ).removeClass("current'); ~~~ 3.切换类 ~~~ $( "div" ).toggleClass("current"); ~~~  # 2.3类操作与className区别 原生IS中className会覆盖元素原先里面的类名。 jQuery里面类操作只是对指定类进行操作,不影响原先的类名。 # 案例: tab栏切换   ## 案例分析 ~~~ ①点击上部的Ii ,当前li添加current类,其余兄弟移除类。 ②点击的同时,得到当前li的索引号 ③让下部里面相应索引号的item显示,其余的item隐藏 ~~~ ## 代码实验 html  js