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(""); //有则去,无则加
类 操 作 与 c l a s s N a m e 区 别 类操作与className区别 类操作与className区别
原生 JS 中 className 会覆盖元素原先里面的类名。
jQuery 里面类操作只是对指定类进行操作,不影响原先的类名