Tenho cerca de 100 elementos no gosto e estou tentando criar uma animação com o jquer

<div class="box" id="a1"></div>

Preciso adicionar estilos especiais a cada um dos elementos com base em uma funçã

qual deles é renderizado mais rapidamente no navegador:

adding propriedade css

$(this).css({'background-color':'#000'})

ou adicionando classe

$(this).addClass("style1")

Atualizad Mais algumas coisas que gostaria de adicionar:

gora, ele possui 100 elementos e os estou adicionando por jquerPara criar aleatoriedade, preciso criar cerca de 25 estilos - estou fazendo isso por javascript Devo também adicionar o tamanho da folha de estilo ao mesmo para obter referências exata