微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jquery怎么操作css设置颜色

jquery操作css设置颜色的方法:首先使用“$()”获取HTML元素节点,然后使用css()方法来操作css设置颜色;具体语法“$(选择器).css(color/background-color,颜色值);”。

本教程操作环境:windows7系统、jquery3.0.0版本、Dell G3电脑。

jquery操作css设置颜色

<!DOCTYPE html>
<html>
  <head>
    <Meta charset=utf-8>
    <script src=https://code.jquery.com/jquery-3.0.0.min.js></script>
    <script>
      $(function() {
        $(.color1).css(color, red);
        $(#color2).css(background-color, red);
      });
    </script>
  </head>
  <body>
    <ul>
      <li class=color1>测试文本</li>
      <li>测试文本</li>
      <li id=color2>测试文本</li>
      <li>测试文本</li>
    </ul>
  </body>
</html>

效果图:

1.png

说明:

css()方法设置或返回被选元素的一个或多个样式属性。基本语法如下:

$(‘选择器’).css('属性名称','属性值');

相关视频教程推荐:jQuery教程(视频)

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐