En este momento hice esto:

<a href="#" title="[+] Add as favorite"><div class="addFavorite"></div></a>

la clase = "addFavorite", es una estrella gris normal.

Entonces tengo otra clase = "AlreadyFavorite", que es una estrella amarilla.

Quiero hacer una función, así que cuando haces clic en la estrella gris, envía una llamada ajax (?) Y luego, en caso de éxito, se vuelve amarilla (cambiando de clase a YaFavorito).

Sé cómo hacer una función onclick que envíe una llamada ajax, pero ¿cómo cambio el estilo / cambio el icono de la imagen a amarillo?

CSS:

.addFavorit{
 background: url('../images/addFavorit.png');
 width: 48px;
 height: 48px;

}
.alreadyFavorit{
 background: url('../images/addFavorit_hover.png');
 width: 48px;
 height: 48px;
}