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></body> </html>
- windows
- linux
- mac
espero les haya servido mucha suerte a todos hasta luego, Jose Fernandez Segura
Hola si es que pueden comenten y compartan mas informacion, un saludo
ResponderEliminar