使用jquery或javascript创建一个正方形的颜色

Question

我正在寻找一个类或一个可能的解决方案来div使用jQuery 创建一个或图片,并用这样的小方块填充它:

jQuery能够做到这一点吗？

Answer 1

这样的事情,也许:

var container = $('<div id="container">');
$('body').append(container);

for (i=0; i<25; i++) {
    // Random colour from http://stackoverflow.com/questions/1535128/apply-random-color-to-class-elements-individually
    var hue = 'rgb(' + (Math.floor((256-199)*Math.random()) + 200) + ',' + (Math.floor((256-199)*Math.random()) + 200) + ',' + (Math.floor((256-199)*Math.random()) + 200) + ')';
    $('<div class="child">').css('background-color', hue).appendTo(container);
}

(假设这个CSS :)

#container {
    width: 100px;
    height: 100px;
    border: 1px solid black;
}

.child {
    width: 20px;
    height: 20px;
    float: left;
}

这里是jsFiddle的例子.