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.

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

paso1:

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

<style>
.red{
color:red;
}
</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 red al id orderedlist1 de la etiqueta html "li"

<html>
<script type="text/javascript">
 $(document).ready(function() {
   $("#orderedlist1").addClass("red");
 });
</script>
</html>

paso4:

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

<ol type="1" id="orderedlist1">
<li> windows </li>
<li> linux </li>
<li> mac </li>
</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