como asignar una class y tratarla

Hola segun entiendo hasta ahorita.. cuando declaras en un hatml asi <div class="ola">
para jquery se va colocando en un arreglo, siendo la numeracion de 0 a el numero de veces que aparesca ese div con class ola.

basado en esa creencia He podido efectuar ciertos eventos, a elementos especificos de la class. con each
Pero como puedo referirme a uno solo de los elementos??

en javascript con jquery Pense en algo asi como $(".ola")[3].css('color','#232323');
pero no me es posible. quiero hacer esto por que tengo un slideshot que conforme se desvanece una imagen y pasa a otra, quero que un grupo de botones se ilumine. por decir tengo 6 botones todos blancos
y mi slideshot tiene 6 imagenes. quiero que cuando sea visible la imagen 1 el boton 1 cambie a verde, imagen 2 boton 2 a verde, y asi sucesivamente.
y principalmente como podria hacer para que dentro del mismo ejemplo que acabo de enunciar, cuando se pase el raton en alguno de los botones, se detenga el slideshot, poner la imagen correspondiente a ese boton y poner ese boton en negro.

Asigna un id a cada imagen. Para eso se inventó el atributo id.

mmmmmmmmm, cielos entonces no es posible hacerlo con class.. y aparte mi creencia es correcta sobre las class
a y gracias por tu respuesta.

Lo que digo es que puedes hacer eso...
Sea el div:

Código HTML :

<div class="ola" id="1">Sarasa</div>

Puedes acceder a él como:

Código HTML :

$(".ola#1").lagransarasa...

mmmm, ok ok, pero bueno no se mucho de eso pero lo que quisiera es que la clase me devuelva el id, y esque encontre esto pero no que maneja los elementos segun su posicion dentro de class pero no le entiendo bien mira:
Esto va en el head

Código Javascript :

#slideshow {
    position:relative;
    height:400px;
   width:607px;
   margin:20px 0px 0px 0px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

function slideSwitch() {
    var $active = $('#slideshow IMG.active');

    if ( $active.length == 0 ) $active = $('#slideshow IMG:last');

    var $next =  $active.next().length ? $active.next()
        : $('#slideshow IMG:first');

    $active.addClass('last-active');

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}
$(function() {
    setInterval( "slideSwitch()", 4000 );
});

En el body solo se pone:

Código Javascript :

<div id="slideshow2">
                <img src="images/m1.jpg" alt="" class="active"/>
                <img src="images/m2.jpg" alt="" />
                <img src="images/m3.jpg" alt="" />
                <img src="images/m4.jpg" alt="" />
                <img src="images/m5.jpg" alt="" />
                <img src="images/m6.jpg" alt="" />                
            </div>

Analizando la parte central de este script que es function slideSwitch se nota que maneja los componentes como arreglo. Pero no entiendo todo el codigo como eso de IMG:FIRST, segun yo este scrip solo comprueva que imagen del arreglo esta en primer lugar cual en segundo y asi sucesivamente, y les cambia sus clases asi:

$next.css({opacity: 0.0})
.addClass('active')
.animate({opacity: 1.0}, 1000, function() {
$active.removeClass('active last-active');
});
Pero no le entiendo bien. yo lo que quiero es algo como $(".dato").elemento 2.css('color','#000'); o $("#dato").elemento 2.css('color','#000');
claro elemento 2 poderlo definir de alguna variable para asignarle valor a cualquier elemento del arreglo.
Copia el codigo anterior textualmente y veras como funciona.

Hola hola, dos noticias una buena y otra mala, la buena es que en la pagina de jquery en varios, encontre lo que parece ser mi solucion, que es algo de index, get. La mala que mi ingles no es tan bueno, y los ejemplos no me salen aaaaaaaaaaaa
pero si es posible tratar cada elemento de un class como arreglo ayuda si alguien le entiende