jQuery-样式操作

jQuery可以使用css方法来修改简单元素样式，也可以操作类，修改多个样式

一、操作css方法

1. 参数只写属性名，则是返回属性值

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

2. 参数是属性名，属性值，逗号分隔，是设置一组样式，属性名必须加引号，属性值如果是数字可以不用跟单位和引号

$(this).css("width",300);

$(this).css("width","300px");

两者等效

3. 参数可以是对象形式，方便设置多组样式。属性名和属性值用冒号隔开，属性名可以不用加引号

$("div").css({

        width:400,

        height:400,

        backgroundColor:"red"

});

$("div").css({

        “width”:“400px",

        "height":"400px"

});

二、设置类样式方法

作用等同于以前的classList，可以操作类样式，注意类名不要加点

1. 添加类 addClass()

$("div").addClass("current");

2. 删除类 removeClass()

$("div").removeClass("current");

3. 切换类 toggleClass()

$("div").toggleClass("current");