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”

});