Cambiar propiedades del css con jquery

Para Cambiar las propiedades de css con jquery, sin cambiar la clase entera, lo que tenemos que hacer es acceder como siempre al objeto al que queremos cambiar la propiedad con $(«#elemento») y luego lo modificaremos con .css().

Dentro de paréntesis lo que pondremos será las propiedades css que queremos cambiar.

por ejemplo si solo tenemos que cambiar una propiedad seria: .css(«color»,»#FFFFFF»). Y en el caso de que queremos poner mas de una propiedad lo que tenemos que hacer es crear un array, es decir, poner {} al principio y al final y separar por , las propiedades de esta manera propiedades:valor como vemos en el ejemplo .css({color:»#FFFFFF»,background-color:»#000000″}).

Si no puedes utilizar jquery aquí dejamos el enlace para modificar propiedades css con javascript


<script>
function cambia_propiedades(){
    $("#enlace").css("color","#01DF01")
}
function cambia_propiedades2(){
    $("#capa").css({background:"#000000",height:"58px"})
}
</script>
<div id="botones">
   <input type="button" onclick="javascript:cambia_propiedades();" value="Cambia color texto" /><input type="button" onclick="javascript:cambia_propiedades2();" value="cambia color capa" />
</div>
<div id="capa">
<a id="enlace" href="https://www.briored.com">Enlace a Briored</a>
</div>