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");