Selector de primer hijo de todos los padres

[quico5]

Con CSS me sale...

Código:

span:first-of-type{color:red;}

Pero con jQuery solo me selecciona uno solo...

Código:

$('span:first').css('color','yellow');

Código HTML:

<div>
  <span>Rojo</span>
  <span>Negro</span>
  <span>Negro</span>
</div>
<div>
  <span>Rojo</span>
  <span>Negro</span>
  <span>Negro</span>
</div>