jQuery单击div更改背景颜色

点击区域

<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);
});