🌏Web前端开发

No.33 jQuery样式操作

2020-01-16  本文已影响0人  testleaf

一、操作 css 方法

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

  1. 参数只写属性名,则是返回属性值
    $(this).css(''color'');
  2. 参数是属性名,属性值,逗号分隔,是设置一组样式,属性必须加引号,值如果是数字可以不用跟单位和引号
    $(this).css(''color'', ''red'');
  3. 参数可以是对象形式,方便设置多组样式。属性名和属性值用冒号隔开, 属性可以不用加引号,
    $(this).css({ "color":"white","font-size":"20px"});

二、设置类样式方法

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

  1. 添加类
    $(“div”).addClass(''current'');
  2. 移除类
    $(“div”).removeClass(''current'');
  3. 切换类
    $(“div”).toggleClass(''current'');

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

上一篇下一篇

猜你喜欢

热点阅读