Categorías: jquery

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" >
   

felixbs

Compartir
Publicado por
felixbs
Etiquetas: .css()

Entradas recientes

mediaquerys para tablet

/* sin diferencias entre vertical y horizontal */@media only screenand (min-width: 768px)and (max-width: 1024px){ /*…

4 años hace

Strings en php – operaciones básicas con cadenas

Vamos a ver las principales funciones para tratar cadenas o strings en php. Concatenar dos…

9 años hace

Cookie – Añadir, leer y borrar cookies con JQuery

Lo primero que vamos ha hacer es definir que es una cookie: "Una cookie, galleta…

9 años hace

Formularios Symfony2 y twig, campos de textos, numeros, combos y radio buttom

En los formularios de Symfony2 con twig, pondemos añadir campos de texto, nuemericos, combos y…

12 años hace

Instalar Symfony2 rápidamente y fácilmente en Windows 7 y Windows 10

Instalar symfony2 en rápidamente windows 7 y windows 10 requiere de varios pasos que iremos…

12 años hace

Quitar app_dev.php de la url de symfony 2

Para quitar de la url de nuestro symfony2 el app_dev.php modificaremos del .htaccess que lo…

12 años hace