[JavaScript知识库]3-jQuery操作样式

jQuery样式操作

1.操作css方法

jQuery可以使用css方法来改变简单的元素样式；也可以修改多个样式。

（1）参数只写参数名，返回的是属性的值

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

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

$(this).css('color','red');

（3）参数可以是对象的形式，可以设置多个样式，属性名可以不用加引号。

$("div").css({

    width: 400,

    height: 800,

    backgroundColor: "blue"  //复合属性必须采取驼峰命名法，如果值不是数字，则需要加引号

});

2.设置类样式方法

（1）添加类

$(this).addClass("row");

（2）删除类

$(this).removeClass("row");

（3）切换类

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

3.类操作与className区别

原生JS中的className会覆盖元素原先的类名。jQuery里面的类操作只是对指定的类进行操作，不会影响原来的类名。