使用 jquery 更改背景颜色

 

** 编写 jQuery 代码来循环遍历任何 HTML 文档中的每个 DIV，并为该 DIV 提供随机颜色背景。然后使用下面的函数反转 DIV 的背景颜色，并为该 DIV 上的字体使用反转的颜色。

 

在 Chrome 控制台中的许多页面上测试您的代码。

 

这是用于反转颜色的函数：**

 

function invertColor(hexTripletColor) {

     var color = hexTripletColor;

    颜色 = color.substring(1); // 删除 #

     color = parseInt(color, 16); // 转换为整数

    color = 0xFFFFFF ^ color; // 反转三个字节

    color = color.toString(16); // 转换为十六进制

    color = ("000000" + color).slice(-6); // 用前导零填充

    color = "#" + color; // 前置 #

    返回颜色；

}```

 

 

答：对此的解决方案可能如下所示。

 

var 颜色 =  [ '#000000' ,  '#FF3516' ,  '#34FF17' ,  '#2458FF' ]; 

函数UpdateColors () { $ ( 'div' )。每个（函数（指数）{ VAR颜色=颜色[数学。地板（数学。随机（）*颜色。长度）]; VAR invertedColor = invertColor （色

 

           ); 

$ （这个）。css ({ 'background-color' : color , 'color' : reverseColor }); }); }        

 

希望这可以帮助。