Warning: Use of undefined constant tema - assumed 'tema' (this will throw an Error in a future version of PHP) in /home/vhosts/lawebderay.orgfree.com/articulos.php on line 199

Warning: Use of undefined constant tema - assumed 'tema' (this will throw an Error in a future version of PHP) in /home/vhosts/lawebderay.orgfree.com/articulos.php on line 220

Warning: Use of undefined constant id - assumed 'id' (this will throw an Error in a future version of PHP) in /home/vhosts/lawebderay.orgfree.com/articulos.php on line 220
1.7 El  método css.

Jquery permite editar estilos css, de tal manera que podemos cambiar el color de fondo,  los bordes, las dimensiones de un elemento de la página web y más.
Para poder editar por ejemplo el color de texto del un div determinado podríamos usar el siguiente código. Supongamos que tenemos un div con la clase Contenedor:

 <div  class=”Contenedor”>Este div cambiara de color de Texto</div>

Ahora imaginemos que deseamos que al momento de cargar la página web se cambie automáticamente el color del texto a rojo, en ese caso el código en Jquery sería el siguiente:
$(document).ready(function(){
$(“.Contenedor”).css(“color”,”#FF0000”);
});

El código anterior consiste de las siguientes partes:

• La primera parte es $(document).ready(function(){}); nos permite indicar que el código javascript se ejecutará únicamente después de que se haya cargado todo el código HTML.
• La segunda parte $(“.Contenedor”).css(“color”,”#FF0000”); nos sirve para indicar que se debe seleccionar el elemento con la clase Contenedor y después se le debe cambiar una propiedad CSS que es color al valor #FF0000, que es rojo.

Ahora puede suceder que queramos cambiar varias propiedades CSS al mismo tiempo, en cuyo caso debemos utilizar un arreglo con los pares de valores “propiedad”:”valor” para hacer los ajustes a varios estilos de forma simultánea.A continuación muestro un ejemplo de como realizarlo:
$(“.Contenedor”).css({

“background-color”:”#FF0000”,
“width”:”100px”,
“position”:”absolute”

});