【web前端 | jQuery】jQuery的样式操作

jQuery的样式操作

1：操作css的方法

1.1：参数只写属性名，则是返回属性值

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

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

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

1.3：修改多个样式，参数可以是对象形式，属性名和属性值用冒号隔开， 属性可以不用加引号，

$(this).css({
    
    
    "color": "white",
})

复合属性：驼峰命名法

2：设置类名方式

2.1：添加类

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

2.2：删除类

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

2.1：切换类

toggleClass("");  //有则去，无则加

$类操作与className区别$

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