Cambiar propiedades CSS con jQuery - Aprendiendo jQuery desde cero

Ahora veremos como lograr cambiar las propiedades o valores CSS (estilo) de un elemento en nuestra página HTML con la ayuda de jQuery, para ello es necesario que tengas importado dicho jquery en tú codigo, si no sabes como lograrlo entonces ve éste articulo donde te enseñamos a como hacerlo rápido.
    Una vez importado ya podemos continuar con la implementación del código, código que verás más abajo completamente gratis para editar en jsFiddle.

Con el cambio de propiedades css podemos lograr cambiar cualquier valor de cualquier propiedad css que tenga un elemento en particular, elemento como un párrafo, div, e incluso del documento completo. Y entre las propiedades hablamos de cualquiera en realidad, desde el color del texto hasta el color, tamaño y forma del borde de dicho elemento.

Para lograr ésto usaremos la funcion ".css()" de jQuery que nos permitirá cambiar cualquier propiedad. Ésta función contiene dos parámetros, .css('propiedadCSS', 'valorDeseado'), por ejemplo: $('#miElemento').css('font-size', '18px'); con éste código indicamos que cambiamos el tamaño del texto a 18px de "miElemento", y como lo mencionamos antes, es posible cambiar cualquier propiedad de nuestro elemento aunque no haya sido declarado antes en un documento css o apartado de estilo en nuestro documento html.

Ahora aquí tienes el código totalmente editable en jsFiddle: