发布于 

JQuery样式操作

Query中常用的样式操作:Jcss()和设置类样式方法

操作css方法:JQuery使用css方法修改简单元素样式,操作类,修改多个样式

1
2
3
4
5
6
// 1.参数只写属性名,则返回属性值
var strColor = $(this).css('color');
// 2.参数是属性名,属性值,逗号分隔(英文),设置一组样式,属性须加引号,如果是数字可不用加单位和引号
$(this).css("color", "red");
// 3.参数可以是对象形式(css()用于样式少时)
$(this).css({"color":"white", "font-size":"20px"});

设置类样式:等同于classList,可以操作样式,注:操作类不加点且不会覆盖原先的类名

1
2
3
4
5
6
7
1.添加类
$("div").addClass("current");
2.删除类
$("div").removeClass("current");
3.切换类
$("div").toggleClass("current");


本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。