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>
    
    1. windows
    2. linux
    3. mac
    </body> </html>

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

    1 comentario:

    1. Hola si es que pueden comenten y compartan mas informacion, un saludo

      ResponderEliminar

    Google Google