1 操作css方法
jQuery可以使用css()方法来修改简单元素样式;也可以操作类,修改多个样式。
- 参数只写属性名,则是返回属性值
$(this).css("color");
- 参数是(属性名,属性值)逗号分隔,是设置一组样式,属性必须加引号,值如果是数字可以不带单位和引号
$(this).css("color","red")
- 参数可以是对象形式,方便设置多组样式。属性名和属性值用冒号隔开,属性可以不用加引号,属性值如果为字符串一定要加引号
$(this).css({color:"red",fontSize:18})
2 设置类样式方法
- 添加类
$("div").addClass("current");
current类名 要加引号, 不加点
- 移除类
$("div").removeClass("current");
- 切换类
$("div").toggleClass("current");
有此类则移除,无则加上
3 类操作与className区别
原生js中className会覆盖元素原先里面的类名。
jQuery里面的类操作只是对指定类进行操作,不影响原先的类名