jquery怎么操作css设置颜色


本文摘自PHP中文网,作者青灯夜游,侵删。

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

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

jquery操作css设置颜色

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

<!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>

效果图:

阅读剩余部分

相关阅读 >>

css规则定义怎么设置行间距

如何用jQuery让图片逐渐显示出来

jQuery如何显示和隐藏元素

怎么添加css样式

html和css实现字体加粗的三种方法

css里面有哪些选择器

js如何控制css

css的属性分为什么类别

深入了解css3 border-sizing属性

给元素设置圆角半径的css属性是什么

更多相关阅读请进入《jQuery》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...