jq-04样式和类操作

1.设置样式

     a：单个样式

$ (  selector ).css( " color" , " red " );
$ (  selector ).css( " opacity " , 0.4 );

属性和属性值之间用 逗号隔开，并分别 加引号（ 不带单位的 纯数字除外 ）

     b：多个样式

$（selector ）.css（ {   " color" : " red "  , " font-size" : " 30px "  } ）;

设置多个样式时，参数为 对象，键值对形式书写属性&属性值  

2.获取样式的属性值

$ (  selector ).css( " color " );

参数是你要获取的属性名称，返回给你的就是属性值。

3.类操作

类操作	说明	用法
.addClass（）	为指定元素添加类	$(”selector“).addClass("classname") 注意：此处类名不加点，所有类操作的方法类名都不带点。
.removeClass（）	为指定元素移除类	$(”selector“).removeClass("classname") 注意：同上 $(selector).removeClass( )； 不指定参数时，表示移除被选元素的所有类。
.hasClass（）	判断制定元素是否包含类	$(”selector“).hasClass("classname") 此时会返回true 或者 false

.toggleClass（）

为制定元素切换类

$(”selector“).toggleClass("classname") 若该元素之前已存在该制定类则移除，若不存在则添加。

总结：1.当操作样式比较少时：可通过.css（）来操作。

          2.当操作样式比较多时：可通过给元素添加类，给类统一添加样式来操作哦。

          3.如果考虑后期的可维护性，还是建议用 类的方式 操作样式。