jQuery样式操作

134 阅读1分钟

jQuery修改样式css方法

jQuery可以使用css方法来修改简单元素样式;也可以操作类,修改多个样式。

1.参数只写属性名,则是返回属性值

eg.console.log($('div').css('width'));

2.参数是属性名,属性值,逗号分离,是设置一组样式,属性必须加引号,值如果是数字可以不用跟单位和引号

eg.$('div').css('width',300);

3.参数可以是以对象形式,方便设置多组样式。属性名和属性值用冒号隔开,属性可以不用加引号

jQuery改变css.png

jQuery类操作和className区别

1.原生js中className会覆盖元素原先里面的类名

2.jQuery里面类操作只是对指定类进行操作,不影响原先类名

addclass和classname.png

jQuery修改样式操作类

设置类样式方法 作用等同于以前的classList,可以操作类样式,注意操作类里面的参数不要加点

1.添加类 addClass()

添加类.png

2.删除类 removeClass()

删除类.png

3.切换类 toggleClass()

切换类.png