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 parentesis lo que pondremos sera 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 serpara por , las propidedades de esta manera propiedades:valor como vemos en el ejempo .css({color:”#FFFFFF”,background-color:”#000000″}).

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

<codigo>
  1. <script>
  2. function cambia_propiedades(){
  3.     $("#enlace").css("color","#01DF01")
  4. }
  5. function cambia_propiedades2(){
  6.     $("#capa").css({background:"#000000",height:"58px"})
  7. }
  8. </script>
  9. <div id="botones">
  10.    <input type="button" onclick="javascript:cambia_propiedades();" value="Cambia color texto" /><input type="button" onclick="javascript:cambia_propiedades2();" value="cambia color capa" />
  11. </div>
  12. <div id="capa">
  13. <a id="enlace" href="http://www.briored.com">Enlace a Briored</a>
  14. </div>