jQuery单击div更改背景颜色

收藏

jQuery动态更换背景颜色，代码很简单，使用jQuery中的css background属性，即可实现。

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示

加我微信，拉你进VIP群学习：

下载资源 下载积分： 30 积分

点击区域

<div id="div_click"></div>

#div_click{
    width: 300px;
    height: 300px;
    background-color: #D5D6E2;
    margin: 50px auto;
    cursor: pointer;
    -webkit-transition: background-color 1s;
    -o-transition: background-color 1s;
    transition: background-color 1s;
}

随机切换背景颜色

var colors = ["#f5d76e", "#3ec27f", "#22a7f0", "#d2527f", "#1e824c", "#bf55ec", "#f64747", "#e67e22", "#4b77be", "#be90d4"];
$("#div_click").click(function() {
    var n = Math.floor(Math.random() * 10);
    var color = colors[n]
    $("#div_click").css("background", color);
});