jQuery 样式操作+效果

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第1天
jQuery 样式操作
一、操作 css 方法
jQuery 可以使用 css 方法来修改简单元素样式； 也可以操作类，修改多个样式。
1. 参数只写属性名，则是返回属性值
$(this).css(''color'');<br> 2. 参数是属性名，属性值，逗号分隔，是设置一组样式，属性必须加引号，值如果是数字可以不用跟单位和引号<br>$(this).css(''color'', ''red'');
3. 参数可以是对象形式，方便设置多组样式。属性名和属性值用冒号隔开， 属性可以不用加引号
$(this).css({ "color":"white","font-size":"20px"});

二、设置类样式方法
作用等同于以前的 classList，可以操作类样式， 注意操作类里面的参数不要加点。

1. 添加类
   $(“div”).addClass(''current'');
   
2. 移除类
   $(“div”).removeClass(''current'');
   
3. 切换类
   $(“div”).toggleClass(''current'');
   

三、类操作与className区别
原生 JS 中 className 会覆盖元素原先里面的类名。
jQuery 里面类操作只是对指定类进行操作，不影响原先的类名。

jQuery 效果
一、显示隐藏效果
1.显示语法规范
show([speed,[easing],[fn]])
2. 显示参数
（1）参数都可以省略， 无动画直接显示。
（2）speed：三种预定速度之一的字符串(“slow”,“normal”, or “fast”)或表示动画时长的毫秒数值(如：1000)。
（3）easing：(Optional) 用来指定切换效果，默认是“swing”，可用参数“linear”。
（4）fn: 回调函数，在动画完成时执行的函数，每个元素执行一次。
建议：平时一般不带参数，直接显示隐藏即可。

二、滑动效果

1. 下滑效果语法规范
   slideDown([speed,[easing],[fn]])
   
2. 下滑效果参数
   （1）参数都可以省略。
   （2）speed:三种预定速度之一的字符串(“slow”,“normal”, or “fast”)或表示动画时长的毫秒数值(如：1000)。
   （3）easing:(Optional) 用来指定切换效果，默认是“swing”，可用参数“linear”。
   （4）fn: 回调函数，在动画完成时执行的函数，每个元素执行一次。