he probado el codigo de "rossijona" y lo he dejado así, pero no ha funcionado, no hace NAAAADA de nada :(, ¿porque puede ser?
Código:
<script type="text/javascript">
$('.azul').click(function(){
$(this).removeClass('azul');
$(this).addClass('rojo');
return false;
});
</script>
<style text="type/css">
.azul{background-color:blue;color:white;}
.rojo{background-color:red;}
.negro{background-color:black;color:white;}
.verde{background-color:green;}
</style>
</head>
<body>
<div class="azul">primero</div><br>
<div class="segundo">segundo</div><br>
<div class="tercero">tercero</div><br>
<div class="cuarto">cuarto</div><br>
</body>