Jose Fernandez: Estilos

martes, 19 de junio de 2012

Añadir mas estilos a un id con Jquery

Hola amigos soy jose fernandez yo otra vez por aqui, espero que el ejercicio anterior les haya servido en esta ocasion voy a realizar uno similar la diferencia es que el estilo que se quiera añadir a un id va poder ser aplicable a un id de una etiqueta que ya contenga un estilo previamente

Los pasos que deben seguir para llevar a cabo el ejemplo son los siguientes:

paso1:

crear la clase blue en la seccion "head" de su html

<style>
.blue{
color:blue;
}
</style>

paso2:

importar la libreria jquery a su html

<script type="text/javascript" src="jquery.js"> </script>

paso3:

crear la funcion que agregue la clase blue al id orderedlist2 de la etiqueta html "li"

<script type="text/javescript">
 $(document).ready(function() {
   $("#orderedlist2 > li").addClass("blue");
 });
</script>

paso4:

realizar una lista usando la etiqueta li y asignandole el "id" orderedlist1

<ol type="1" id="orderedlist2">
 windows 
 linux 
 mac 
</ol>

resultado:

como resultado la pagina html nos quedaria como se muestra

<html>
<head>



</head>
<body>

windows
linux
mac

</body>
</html>

espero les haya servido mucha suerte a todos hasta luego, Jose Fernandez Segura

domingo, 17 de junio de 2012

Establecer estilos con Jquery

Hola a todos soy jose fernandez y en esta oportunidad les vengo a traer un ejemplo de como establecer estilos de una clase a la etiqueta html llamada "li" haciendo uso de Jquery.