Прямо сейчас я сделал это:

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

класс = "addFavorite", это обычная серая звезда.

Тогда у меня есть другой класс = "AlreadyFavorite", это желтая звезда.

Я хочу создать функцию, поэтому, когда вы нажимаете на серую звездочку, она посылает ajax-вызов (?), А затем при успехе становится желтой (изменяя класс на AlreadyFavorite).

Я знаю, как сделать функцию onclick, которая отправляет вызов ajax, но как мне изменить стиль / изменить значок изображения на желтый?

CSS:

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

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