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.如果考虑后期的可维护性,还是建议用 类的方式 操作样式。