Cambiar el estilo a un elemento link con Jquery

[Nachoseo]

Hola a tod@s,

Estoy pegándome con el Jquery y no acabo de hacer lo que pretendo. Tengo una tabla con una lista de productos que saco de una base de datos. Cada uno de estos productos tiene un link que tiene un estilo X y que sirve para añadir el artículo a la cesta de la compra. Lo que me gustaría hacer es que al hacer clic en el botón este cambiara al estilo Y para que aparezca con otro color y hacer ver al usuario que ese artículo ya está seleccionado. Los links llevan un id con el código del artículo. Tengo este código para añadir el artículo a la cesta pero no ve la manera de implementarlo ¿podría aprovechar este código para a la vez que envío un valor por ajax me cambie el estilo del botón? ¿Alguien me puede echar una mano? Gracias!!

Código Javascript:

$(".botones").click(function(){
    var valor=$(this).attr("title");
 
    $.get('includes/tarificador.php', { id: valor }, function(options){
    $('#carrito').html(options);
    });
});
 

[alyciashape]

Prueba con $(this).css("background-color", "red"); por ejemplo

Código Javascript:

$(".botones").click(function(){
    var valor=$(this).attr("title");
    $(this).css("background-color", "red");
 
    $.get('includes/tarificador.php', { id: valor }, function(options){
    $('#carrito').html(options);
    });
});
 

Si lo prefieres le puedes añadir un estilo que tengas por ahí configurado ya. Creo que es addClass o algo así. Echa un vistazo en jquery

[Nachoseo]

Hola! Gracias por la respuesta!

Me funciona lo que me comentas, pero ¿como puedo hacer para poner una condicional de tal forma que si el estilo es X pase a Y y si es Y pase a X?

Es que con el código que me has sugerido el botón cambia de color pero si vuelvo a a pulsar quisiera que volvera al estilo original.

Gracias!

[rottenp4nx]

En vez de ponerle propiedades una por una con jquery, crea una clase default y la otra para cambiarle el color por ejemplo

Código CSS:

.default{
color: #000;
}
.color{
color:#f00;
}
 

Código HTML:

<div id="links">
<a href="link.php" class="default">Link</a>
</div>
 

Código Javascript:

$(document).ready({
 
     $("#links a").click(cambiar);
  
});
 
function cambiar(){
    $(this).toggleClass("color");
}
 

Ve si funciona, Saludos